Hi,
I want to add the Google Font “Indie Flower” to Enfold Theme Style and want to set it as font in the Caption Title of the Fullwidth Easy Slider.
I copied this in the function.php (Theme Editor):
add_filter( ‘avf_google_heading_font’, ‘avia_add_heading_font’);
function avia_add_heading_font($fonts)
{
$fonts[‘Indie Flower’] = ‘Indie Flower:400,600,800’;
return $fonts;
}
add_filter( ‘avf_google_content_font’, ‘avia_add_content_font’);
function avia_add_content_font($fonts)
{
$fonts[‘Indie Flower’] = ‘Indie Flower:400,600,800’;
return $fonts;
}
And added this in the quick CSS:
/* Caption title */
#top .avia-fullwidth-slider .avia-caption-title {
font-family: ‘Indie Flower’, 600;
}
It did not work and I suppose, that the font was not loaded correctly. But I’m also not sure if the CCS code was right. Do I need to add the code in the Quick CSS or in the CSS Field of the Developer Settings or in the Custom CSS Class For Heading Tag?
Is it also possible to move the the caption of the easy slider with the buttom a little towards the top?
Thank you,
Jan
Hey KoolDD,
Thank you for the inquiry.
The font-family should not contain the font-weight, the thickness of the font has to be declared separately.
// https://www.w3schools.com/cssref/pr_font_font-family.asp
// https://www.w3schools.com/cssref/pr_font_weight.asp
And please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
Ismael