New CSS Code Not Working on Front Page

  • Unknown's avatar
    dovjacobs · Member ·

    Hello,

    I’m using the Coraline theme.

    I used the following CSS code to put the title of my blog and description in white and small caps:

    #masthead #site-title a, #masthead #site-description {
    color: #FFFFFF;
    font-variant: small-caps;
    }

    It worked fine on all pages of my blog, except for my front page, where it is applying only to the description of the site, not the title of the site… When I check the CSS code for the title in my browser, it indicates small caps… this is very strange for me…

    Thank you for your help!

    Dov

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    marianojmiguel · Member ·

    Hey @dovjacobs, give this a try:

    #site-title a,
#site-description {
	color:#fff;
	font-variant: small-caps;
	text-rendering:auto;
}

    The theme sets the text-rendering property to “optimizelegibility” on h1, h2 and h3 elements by default, which was preventing your small-caps from being applied to the site title.

  • Unknown's avatar
    dovjacobs · Member ·

    Thanks a million for the quick response, your code seems to be working perfectly. This CSS business is a little complicated, but I’m starting to get the hang of it…

  • The topic ‘New CSS Code Not Working on Front Page’ is closed to new replies.