Adding a background behind page links CSS

  • Unknown's avatar
    suckmyfashionblog · Member ·

    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: (visible only to logged in users)

  • Unknown's avatar
    houstonweaver · Member ·

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

    don’t have the pink yet…..

  • Unknown's avatar
    houstonweaver · Member ·

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

  • Unknown's avatar
    houstonweaver · Member ·

    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.

  • Unknown's avatar
    designsimply · Member ·

    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.