Different style for links

  • Resolved Lin Robinson

    (@lin-robinson)


    13 years, 8 months ago

    I am going nuts trying to keep from having the same style and color links from my header menu apply throughout the blog. I’ve tried everything I can think of, placing new styles in various CSS lines…it just keeps showing all caps in the main background color.

    Any tips?

    https://linrobinson.com/bulletins/

Viewing 7 replies - 1 through 7 (of 7 total)

  • if you want to have this particular style for the links of the menu only, try and add #menu before the styles:
    (#menu is the css id of the container holding the menu)

    #menu a{font-family: Garamond, Goudy, serif;	font-size: 13.5px; font-weight: bold;text-transform: uppercase;color: #FFFEA3;text-decoration: none; line-height:1.3em;}

#menu a:hover{color: #E2CB63;}
    Thread Starter Lin Robinson

    (@lin-robinson)

    The style from the menu is spilling over to the posts and sidebar.

    Yeah, it SHOULD be for the menu only.

    Thread Starter Lin Robinson

    (@lin-robinson)

    OK, I got this to work…. just added text-transform: none; all over hell.
    Not elegant, but it seems to work.

    I still wonder why it would use that one style all over the page, not just in the menu div in the header

    my bad for not looking further:

    you still have this code setion with styles embedded in the content, directly before the table:

    <html>
<head>
<style type="text/css">
a{font-family: Garamond, Goudy, serif;	font-size: 13.5px; font-weight: bold;text-transform: uppercase;color: #FFFEA3;text-decoration: none; line-height:1.3em;}

a:hover{color: #E2CB63;

</style>
</head>

<body>

    and a bit after the table:

    </body>
</html>

    remove these sections.

    Thread Starter Lin Robinson

    (@lin-robinson)

    Ain’t no bad in this, alchymth. I appreciate you help very much.
    Turns out that menu is an included html file that’s in use on the home site…and when those tags are removed the header goes haywire.
    But I’ll look into all that.

    Meanwhile, thanks loads for your help with this.

    I am having something of the same problem?
    I added external links to a DIV in the header.php. I can style the DIV as far as positioning it with with an addition to the style sheet, but the links are controlled by the style setting for links in posts and pages (I can see the text for that in the style sheet). I have looked everywhere in W3 and the theme forum but I cannot figure out how to effect a change in my DIV. Any thoughts?

    Found the answer here https://www.sitepoint.com/forums/css-53/style-links-within-div-class-not-displaying-properly-297069.html

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Different style for links’ is closed to new replies.