Hi. Got this site dumped in my lap at the 11th hour (which is always fun) and having one small issue, which I am hoping you can help me with. The main page slideshow (see it here: http://www.vroomanmansion.com.php53-10.ord1-1.websitetestlink.com/) should be using the Dancing Script font. I have added the following lines to the Quick CSS:
div .slideshow_caption h2 {
font-family: ‘Dancing Script’, cursive;
font-weight:400;
text-transform: none; font-size:42px;}
I can see that everything in this code is working correctly with the exception of the font itself. Can you please tell me why?
Thank you in advance!!
Dan
Hi trellyn!
It seems to be displaying fine on my end. Try clearing your browser cache.
Cheers!
Elliott
Elliott — I hacked a solution together by using the advanced styling tab to edit the H2 font sitewide. (Sorry — forgot I had done that after I posted.) But, that’s not really what I wanted. I really want to get the code above fixed so that the H2 heading on the slideshow is different from the H2 heading elsewhere.
I set it back so that you can see what I am referring to.
Thanks!
Dan
Hi!
You should be able to target it with this.
.slideshow_align_caption h2 { }
Also you’ll need to make sure your using that specific font somewhere in the Enfold styling settings or it will not get loaded. If you want to load it manually then add this to the bottom of your /enfold/functions.php file.
add_filter( 'wp_head', 'enfold_customization_add_font' );
function enfold_customization_add_font() {
?>
<link href='http://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
<?php
}
Regards,
Elliott