Adding a background behind page links CSS

  • Author
  • #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

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


    The blog I need help with is


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

    don’t have the pink yet…..


    oops, that should be: {background:#000;}


    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.


    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:

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