Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #353421

    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

    #353847

    Hi trellyn!

    It seems to be displaying fine on my end. Try clearing your browser cache.

    Cheers!
    Elliott

    #353886

    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

    #354005

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.