CODEWITHSUNDEEP
htmlcssfonts
Kimberly Wright
Kimberly Wright

Reputation: 531

Text-transform won't change as well as the font

I have a WordPress site here: http://www.iliveaccountable.com/

That I want to change the first element "iLiveAccountable" to font family to CaviarDreams_Italic.ttf and change the text-transform into "none" so that it will follow the exact text.

enter image description here

I place all my fonts on a folder and added this code on my style.css sheet and tried to play it using the inspect element since I am only targeting the first element in the navigation:

@font-face {
    font-family: Caviar Dreams;
    src: url(http://www.iliveaccountable.com/wp-content/themes/unicon/fonts/CaviarDreams_Italic.ttf);
    font-weight: normal;
}


li#menu-item-15113{
text-transform: none;
font-family: Caviar Dreams;
}

For some reason I can't still change the font family as well as the text-transform. Any idea what I am doing wrong here? I really need to change it.

Upvotes: 0

Views: 199

Answers (1)

bxorcloud
bxorcloud

Reputation: 689

Try using 

#menu-item-15113 a{
text-transform: none;
font-family: Caviar Dreams !important;
}

The "a" tag has its own font which is "Montserrat" thats why you can't change them via "li" tag only.

Upvotes: 1

Related Questions