CODEWITHSUNDEEP
htmlcss
Kimberly Wright
Kimberly Wright

Reputation: 531

Why isn't font-style working for removing 'italic' style?

Here's my website: http://www.iliveaccountable.com/

I've tried to remove the italic font-style on the first element of my navigation bar and change it to font-style: normal;, but it does not seem to be working.

enter image description here

Here's my CSS:

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

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

I am wondering what I should do to remove that italic style on the first menu-link? Any idea? You can inspect element right on my website if you want.

Upvotes: 0

Views: 1187

Answers (3)

max ivaneychyk
max ivaneychyk

Reputation: 158

Cruch variant: using // change deg num for your font

#menu-item-15113 a {
transform: skewY(10deg) rotate(-10deg);
}

Upvotes: 1

user2748042
user2748042

Reputation:

Try adding the following CSS-rule:

header-v4 #navigation > ul > li:first-child a { 
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;    
   font-style: normal !important;
}

Upvotes: 0

Pepelius
Pepelius

Reputation: 1609

I ran your webpage through the CSS Validator (check the results) and it seems like you're having several issues in there. Some of them you should just ignore, as the validator does not understand stuff like gardients for example.

Yet there seems to be some simple and quite critical issues, like missing } closures and so forth.

This might just be the reason your font-style: normal is not working, even with the !important which made me wonder if there is just some parse errors in the code. When the code breaks, it does not work properly any longer, if it does at all.

I hope this helps!

Upvotes: 1

Related Questions