Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 13, 2015 at 5:20 pm #443862
    Mary15Birds

    Hi Enfold Team,

    I would like my blog to have unique styling for the title without adjusting my H tags. I tried to use the html tag span code and define my own styling for it but it didn’t seem to work. I added this to the quick CSS field:
    blog_heading{
    font-family: Lobster !important;
    font-size: 49px; !important;
    font-style: normal; !important;
    font-variant: normal; !important;
    font-weight: 400; !important;
    line-height: 49px; !important;
    }

    and I tried this:
    blog_heading{
    font-family: Lobster !important;
    font-size: 49px !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    line-height: 49px !important;
    }

    and this:
    blog_heading{
    font-family: Lobster;
    font-size: 49px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 49px;
    }

    Then this to the text editor for my title:
    <span class=”blog_heading”>mindSCOPE Blog</span>

    But none of them worked.

    The other option I was considering was changing my h6 styling in the Enfold Theme Options and defining my title with that but then is it odd for SEO to have an H6 and no H1-5s?

    Ideally I would like to define the blog title as H1 but then over-ride the styling. Is that possible?

    Also I would like to avoid editing the back-end files, I would rather stick to quick css or html styling.

    Thanks!

    May 13, 2015 at 5:44 pm #443881
    Mary15Birds

    Okay I got it to do something with this quick css:
    .blog_heading{
    font-family: Lobster !important;
    font-size: 49px !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    line-height: 49px !important;
    }

    But the font is not the right font. You can see here > http://www.mindscope.com/wp-content/uploads/2015/05/Title-error.png but it should look like this > http://www.cssfontstack.com/Lobster

    Thanks for your help!

    May 13, 2015 at 5:59 pm #443904
    Kris1711

    @import url(http://fonts.googleapis.com/css?family=Lobster);

    ^ add that to the top of your stylesheet

    May 14, 2015 at 10:10 am #444171
    Rikard

    Hi!

    Please import the font as described in the previous post, then in your CSS:

    font-family: 'Lobster', cursive;

    Best regards,
    Rikard

    May 22, 2015 at 10:14 pm #448669
    Mary15Birds

    Hi guys,

    Will I have to add the font to my stylesheet after every update?

    Thanks,

    Mary

    May 24, 2015 at 5:10 am #449178
    Rikard

    Hey!

    If you add it to Quick CSS under Enfold–>General Styling you won’t have to add it again after updates.

    Cheers!
    Rikard

    May 27, 2015 at 3:56 pm #450619
    Mary15Birds

    Hi Rikard,

    Wonderful thanks for all the help!

    Mary

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Create unique styling for blog title’ is closed to new replies.