CSS selectors on custom navigation -


the context: working on project requires coding custom tumblr theme using html, css, , jquery. website i'm building out features "newsfeed" of auto-generated content pulled in , auto-posted tumblr iftt sequences have monitoring rss , social feeds. backend program automatically tags posts source type, have set redirect pages in theme's navigation navigate content tagged each source type. want set css selectors style hover , active navigation links, , have followed lvha rule , tried specifying class , id, can't work. want hover , active navigation categories set bold, instead of italic (link , visited setting).

the ask: taking peek @ my code a.nav1 links, how can set css :active , css:hover text-decoration: bold?

thanks much!! pointers appreciated. hannah

my current code is:

a.nav1:link {             color: black;             margin: auto;             width: 130%;             margin-bottom: 0px;             padding-bottom: 0px;              font-style: italic;                 -webkit-transition: 1s ease-out;                 -moz-transition: 1s ease-out;                 -o-transition: 1s ease-out;                 -ms-transition: 1s ease-out;                 transition: 1s ease-out;         }        a.nav1:visited {             color: black;             margin: auto;             width: 130%;             margin-bottom: 0px;             padding-bottom: 0px;              font-style: italic;                 -webkit-transition: 1s ease-out;                 -moz-transition: 1s ease-out;                 -o-transition: 1s ease-out;                 -ms-transition: 1s ease-out;                 transition: 1s ease-out;         }          a.nav1:hover {             color: black;             margin: auto;             width: 130%;             margin-bottom: 0px;             padding-bottom: 0px;              font-style: bold;                 -webkit-transition: 1s ease-out;                 -moz-transition: 1s ease-out;                 -o-transition: 1s ease-out;                 -ms-transition: 1s ease-out;                 transition: 1s ease-out;         }          a.nav1:active {             color: black;             margin: auto;             width: 130%;             margin-bottom: 0px;             padding-bottom: 0px;              font-style: bold;                 -webkit-transition: 1s ease-out;                 -moz-transition: 1s ease-out;                 -o-transition: 1s ease-out;                 -ms-transition: 1s ease-out;                 transition: 1s ease-out;         } 

you can't add boldness elements using font-style. have use font-weight property instead.

change this:

font-style: bold; 

to this:

font-weight: bold; 

Popular posts from this blog

php - How should I create my API for mobile applications (Needs Authentication) -

python 3.x - PyQt5 - Signal : pyqtSignal no method connect -

5 Reasons to Blog Anonymously (and 5 Reasons Not To)