font horizontal line start page by visual composer

Posted in: Newspaper
Post count: 16
visioneer
#153997
Jan 21, 2017 at 4:20 pm

Hi,
i want to integrate horizontal lines to our page (http://www.nateuerlich-schoener.de) by using visual composer. By widget I can define the design of the line, but not of the text. So i define a class name and want to change font, style and size by custom CSS. Custom CSS works fine for the font-size but I’m not able to change font or style (bloder).

Please teach me, who I can change font (for example google fonts) and style or where I can find that in the theme panel.

see picture below:horizontal line

Thanks
Lars

Post count: 22421
Bogdan B.
#154216
Jan 23, 2017 at 1:08 pm

Hello,

Since it’s a VC element, the text will not be able to change from the theme panel fonts section. If VC does not provide options to change the font size then you have to add it with css.
Use the code like so:
.vc_separator.vc_separator_align_center h4{
font-family: xxxx
}

Thank you!

Post count: 16
visioneer
#154775
Jan 26, 2017 at 9:10 am

Thanks, that works. But only with microsoft and not with google fonts!

.trennlinie {
font-size: 25px;
}
.vc_separator.vc_separator_align_center h4{
font-family: Indie Flower, Courgette, Freestyle Script, cursive;
font-weight: bolder;
}
.vc_separator.vc_separator_align_left h4{
font-family: Indie Flower, Courgette, Freestyle Script, cursive;
font-weight: bolder;
}

Post count: 16
visioneer
#154785
Jan 26, 2017 at 9:35 am

for all, you can import google fonts by custom css with the following code:

@import url('https://fonts.googleapis.com/css?family=Courgette|Indie+Flower');

this code works with font Courgette and Indie Flower.

Post count: 22421
Bogdan B.
#154934
Jan 26, 2017 at 2:54 pm

Thank you for sharing!

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.