Adding a background behind page links CSS

  • Author
    Posts
  • #1021436

    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.

    #1021722

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

    don’t have the pink yet…..

    #1021723

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

    #1021724

    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.

    #1021788

    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/

The topic ‘Adding a background behind page links CSS’ is closed to new replies.