Text decoration on nav menu

  • Michelle

    #2094

    Hi. Love the theme, thanks.

    I want hyperlinks within the post text to be underlined, but I don’t want headings or the nav menu to have underlines. What is the best way to achieve this?

    I have entered “underline” in the Graphene Options, Text Style Options, Link text, Text Decoration field – which underlines all hyperlinks. I then added the following in the Custom CSS field

    h2.post-title a, h2.post-title a:visited{
    text-decoration: none;
    }

    But I can’t find where to set it for nav menu – I’ve tried putting text-decoration: none; in lots of places, but to no effect.

    Is it best to turn it off for headings, or can I set underlines just for the post content?

    Site is http://www.loransheart.com

    Thank you for your help.

    Michelle

    Michelle

    #18613

    Another related question – how do I set the hyperlink colour to be different for post titles and post content?

    Through the text options I have set all hyperlinks to be red, but I’d like the post titles to be purple. Can this be done?

    thanks again!!

    Anonymous

    #18614

    For the nav menu, use this in your child or custom css:

    #header-menu > li > a {
    text-decoration: none;
    }

    Anonymous

    #18615

    To control certain texts having different base and hover colors, you need to use a class in your stylesheet. So, for example, the following code would be inserted into your child or custom css:

    a.test {
    color: #000000;
    }

    a.test:hover {
    color: #666666;
    }

    and then you would use a tag like this to “wrap” the text you want as the link:

    <a class="test" href="YOUR LINK HERE">YOUR TEXT HERE</a>

    NOTE, how we added the “class” attribute. You can change the colors in the css I provided to anything you like.

    Mod

    Kenneth John Odle

    #18616

    Or, you can do it like this:

    .entry a, .entry a:visited, .entry a:hover, .entry a:active {style info;}

    Since each post is in a div with class=entry, this bit of css tells the browser to style every instance of an anchor within that .entry class in a particular way. No need to mess with Graphene text-decoration options, or to add a class to every link in every post.

    Michelle

    #18617

    You guys are AWESOME! Thank you – a combination of your suggestions and I now have exactly what I want.

    Thank you again.

    Anonymous

    #18618

    I love it!! Thanks for the tip Ken.

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!