Need help? Check out our Support site, then


Adding a background behind page links CSS

  1. Hi guys,

    I'm quite new to this but I'd appreciate any help any of you could give me.

    On my blog the links to my 'about' and other pages are very difficult to read because of my background. Is there a way to add a background behind those links on the main page so that you can actually read them?

    A black background with pink text would be awesome.

    I have custom CSS though I'm struggling to grasp it and how it works (newbie alert!)

    Here is the link http://suckmyfashionblog.com/

    Please excuse the half-finished state of my blog - I'm just getting started!

    Thanks

    The blog I need help with is suckmyfashionblog.com.

  2. Try putting this in your css for your background to your menu:
    #menu-smfb.menu {background:#000}

    don't have the pink yet.....

  3. oops, that should be:
    #menu-smfb.menu {background:#000;}

  4. That's not really it, because that doesn't seem to get the full height of that area, but I find this css a little difficult to figure out. But at least that makes your menu readable. Maybe someone else will have some better ideas.

  5. To change the main menu navigation background and text colors in the Avid theme, add this to your Appearance → Custom Design → CSS editor:

    nav[role="navigation"] {
    	background: black;
    }
    
    nav[role="navigation"] li a,
    nav[role="navigation"] li {
    	color: pink;
    }

    Change the color names to color codes of your choice:
    http://automattic.github.com/Iris/

Topic Closed

This topic has been closed to new replies.

About this Topic