Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Header Nav Design Help WordPress

  • SOLVED

Hi, I have a purchased theme which I have customized myself. I have got everything working except the header navigation bar, which I need the menu options to change colour as you hover over them.

As soon as I try to make changes to the Nav settings, it goes wrong and shows a blank image where the text should be.

The white block in the image, should be a text option but it just shows the white block until you hover over it when the correct text is displayed. I can't seem to find what is causing this.

Hi, Sorry forgot to post URL.

This is the test theme: http://ree.me/test/hello-world/ - You can see a white block, but if you go to the home page it corrects itself. It only does this on post pages.

Answers (4)

2012-06-25

Arnav Joy answers:

can you show me url and can tell what you want to change?


Arnav Joy comments:

go to line no. 149 in style.css

find following

#menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li:first-child a.selected

comment out following line

background-color: #FFFFFF;

as

/*background-color: #FFFFFF;*/


Arnav Joy comments:

also find line 160

#menu li.current-menu-parent

comment out following lines

background: none repeat scroll 0 0 transparent;

as

/*background: none repeat scroll 0 0 transparent;*/


Arnav Joy comments:

my second suggestion will add a line next to the menu text as for other menu item

2012-06-25

Sébastien | French WordpressDesigner answers:

url please


Sébastien | French WordpressDesigner comments:

you must change the color of the current tab.
Actually the current tab have a white text and a white background


Sébastien | French WordpressDesigner comments:

in your css you must change the color of
.current_page_item
or maybe
.current-menu-item


Sébastien | French WordpressDesigner comments:

replace
#menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li:first-child a.selected {
background-color: #FFFFFF;
color: #FFFFFF;
}

by
#menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li:first-child a.selected {
background-color: #FFFFFF;
color: blue;
}


Sébastien | French WordpressDesigner comments:

for the example i use "blue" but you can use another color


Sébastien | French WordpressDesigner comments:

and i you want no background, just remove the line
background-color: #FFFFFF;

2012-06-25

Manoj Raj answers:

Please post your website demo url so that we can have a better idea about the problem

2012-06-25

Hardeep Singh answers:

Hi

Add following css attribute to your menu li's hover class:

color:blue;

You can choose the color of your choice.


Hardeep Singh comments:

style.css:149

Change the color to blue (or as you want)