WordPress.com Forums » Topic: Adding a background behind page links CSS

designsimply on "Adding a background behind page links CSS"

designsimply — Sat, 29 Sep 2012 13:38:22 +0000

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/

houstonweaver on "Adding a background behind page links CSS"

houstonweaver — Mon, 24 Sep 2012 03:07:30 +0000

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.

houstonweaver on "Adding a background behind page links CSS"

houstonweaver — Mon, 24 Sep 2012 02:53:56 +0000

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

houstonweaver on "Adding a background behind page links CSS"

houstonweaver — Mon, 24 Sep 2012 02:51:10 +0000

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

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

suckmyfashionblog on "Adding a background behind page links CSS"

suckmyfashionblog — Sun, 23 Sep 2012 00:07:51 +0000

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