• Resolved ilona_divinity

    (@ilona_divinity)


    Hello ๐Ÿ™‚

    When I change my navegational menu bar colours using this in style.css

    #navmenu ul {margin: -30; padding: 0;
    list-style-type: none; list-style-image: none; }

    #navmenu ul {margin: -30; padding: 0;
    list-style-type: none; list-style-image: none; }
    #navmenu li {display: inline; }

    #navmenu ul {margin: -30; padding: 0;
    list-style-type: none; list-style-image: none; }
    #navmenu li {display: inline; padding: 5px 20px 5px 20px}
    #navmenu a {text-decoration:none; color: white; }
    #navmenu a:hover {color: blue; }

    It doesn’t work lol. Originally the colours where purple and blue in the coding, yet on the site they were black and red to hover. Now I changed the code above to white and blue the colours on the links are still black and red when you hover.

    Does anyone know why? By the way I added that code and the menu from copying it from a wordpress document.

    Thanke if anyone can help.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Site url? It’s unlikely that the CSS you copied and the CSS on your site are the same.

    Thread Starter ilona_divinity

    (@ilona_divinity)

    On my theme there wasn’t a horizontal menu at all, so I added one doing what this document told me:

    http://codex.wordpress.org/Creating_Horizontal_Menus

    I have done it correctly, and managed to change the margins and positioning of the menu, its just the colour of the font – it wont change no matter what I enter. I presumed I changed it on the style.css.

    The document said that was how to change the colour of the links but it doesn’t work, just wants to stay black and red when hovering on it.

    Can you post a link to your site?

    Thread Starter ilona_divinity

    (@ilona_divinity)

    http://www.loopydogs.com

    Feel a bit silly showing it as it’s in it’s early days ๐Ÿ˜ฎ

    There is no content yet – the navmenu bar is at the very top – hard to see at the moment because of the colour behind it but if you scroll over they are there. Oh by the way the links wont go anywhere yet as I haven’t linked them to anything ๐Ÿ™‚

    Your CSS wasn’t quite specific enough. You also had quite a lot of replicated CSS in the example you posted above. Try:

    #header #navmenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    }
    #header #navmenu li {
    display: inline;
    padding: 5px 20px 5px 20px;
    }
    #header #navmenu li a {
    text-decoration:none;
    color: white;
    }
    #header #navmenu li a:hover {
    color: blue;
    }

    instead.

    Feel a bit silly showing it as it’s in it’s early days

    Don’t worry about that. I’ve seen far worse… ๐Ÿ˜‰

    Thread Starter ilona_divinity

    (@ilona_divinity)

    :/ That just made it vertical and huge and purple ๐Ÿ˜€

    I removed the old one completely and put that in the same place – strange lol

    Thread Starter ilona_divinity

    (@ilona_divinity)

    Ok this is silly now, even if I replace my original code it has fucked up after using the one suggested.

    Its not horizontal, the font has gone huge and its now purples – its changed the fot of my pages and categories too!

    Can anyone help please ๐Ÿ™

    Thread Starter ilona_divinity

    (@ilona_divinity)

    its ok, i sorted it, started from scratch and cleaned it up a bit, thanks for the advice though people ๐Ÿ™‚ Think I accidently took a few things out.

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

The topic ‘Changing navmenu setting’ is closed to new replies.