-
Posts
-
Hi Ismael,
You were helpful earlier this week providing me with the following css to change the font of the LayerSlider:
.layerslider-open-sans {
font-family: ‘Open Sans’, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif !important;
}
All was well and it was displaying Open Sans Bold 700 via WP Google fonts. I had entered the css in the Quick CSS section within Enfold Theme Options>Styling.
Just tonight I changed the predefined color scheme and for whatever reason Open Fonts is no longer displayed in the LayerSlider anymore, it’s a generic sans-serif.
Any ideas? I can send you the page via email if that is useful.
Thanks,
Jonathan
A few additional questions, thank you!
1) Is it possible to display Open Sans Bold 700 without WP Google Fonts? When Open Sans was working the fonts took about 10 seconds to load on Safari, far too long for my tastes.
2) I’m frustrated with the slowness of the Google fonts, so may simply revert to the built in Verdana for the LayerSlider. The built in Verdana w/out WP Google Fonts is much faster. What kind of css code can I use to toggle Verdana bold? I can enter Verdana Black into the Font template and it works, but Verdana Bold does not. I have tried different css codes in the Custom style settings section below, but I cannot figure out how to toggle bold.
3) Where exactly, in which folder, is the custom.css entry form that is mentioned in so many of the posts? I see the Quick CSS entry box in Theme Options>Styling, but where where is custom.css? I use the custom css entry box in the LayerSlider but I assume there is some other entry form.
Appreciate all of your help.
Best,
Jonathan
Hey,
First, can you give us a link to website?
1.) You don’t have to use WP Google Fonts for Open Sans. Edit functions.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;Below, add this code:
add_filter( 'avf_google_heading_font', 'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Open Sans'] = 'Open Sans:700';
return $fonts;
}
add_filter( 'avf_google_content_font', 'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Open Sans'] = 'Open Sans:700';
return $fonts;
}This will enable the Open Sans Bold 700. Go to Enfold > Styling > select a Heading Font and Define the Font for your body text.
Again, use the code for the LayerSlider layers with the css selector “.layerslider-open-sans”:
.layerslider-open-sans {
font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-weight: 700;
}3.) You can access custom.css via FTP or your cpanel. It is located on wp-content/themes/enfold/css folder.
Regards,
Ismael
- The topic ‘Enfold LayerSlider Font Take Two’ is closed to new replies.