Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 23, 2016 at 2:42 pm #620531
    rwwood

    I added the site title To the header area by using `add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
    function kriesi_logo_addition($sub) {
    $sub .= “<h1 class=’site-name’>” . get_bloginfo(‘name’) . “</h1>”;
    return $sub;
    }
    `
    however I’m unable to use the class name in my style.css file to change the size of the h1.

    Help would be appreciated.

    April 23, 2016 at 9:56 pm #620654
    Vinay

    Hi rwwood!

    Please use the below code in Enfold >General Styling > Quick CSS

    h1.main-title.entry-title a {
  font-size: 30px!important;
}

    Cheers!
    Vinay

    April 23, 2016 at 11:06 pm #620689
    rwwood

    Sorry. Wrong h1. It’s the one next to the logo that I can’t resize, even by using something like

    h1.site-name {
	font-size: 200%;
}
    April 23, 2016 at 11:09 pm #620690
    Vinay

    Hi!

    Please try this and change the font size value to suit your design.

    #top h1.site-name {
    font-size: 26px!important;
}

    Cheers!
    Vinay

    April 24, 2016 at 12:53 pm #620794
    rwwood

    That works, but why doesn’t a percent value work? It works without the #top and without !important, so is there a reason to use them anyway?
    Thanks.

    April 24, 2016 at 7:32 pm #620855
    Vinay

    Hey!

    Percentage values for font-size are relative to the parent element’s hence it’s not working for you in this case. As an alternate solution you can use vw example font-size:4vw; This should work.

    The #top and !important is to increase CSS specificity just incase if there are other default styles which might overwrite this style :)

    Best regards,
    Vinay

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