Problem changing colour on dropdown menu from navbar

  • Resolved cookiebda

    (@cookiebda)


    15 years, 2 months ago

    Hi,

    I’m using itheme flexxblue (with child theme)

    I have a navbar dark blue with white text, hover is colour gold… great so far!!
    For some reason I don’t understand the dropdown menu changes to light blue and then when you move your cursor over the text it goes to dark blue again….. I have tried EVERYTHING I can think of, and I cannot get rid of the light blue… Ideally I would like the dropdown to be gold and keep the hover/change as dark blue.

    The website is http://www.castlesintheair.eu Can anyone help?? I am getting totally desperate and I am not technical at all so I really don’t have a clue….

    Thank you

Viewing 7 replies - 1 through 7 (of 7 total)
  • Michael

    (@alchymyth)

    15 years, 2 months ago

    as far as i can see, the dropdown background is styled by this:

    #pagemenu li li a,
#catmenu li li a {
	width: 168px;
	float: none;
	margin: 0px;
	padding: 5px 10px;
	border: 1px solid #FFF;
	border-top: none;
	background: #1078b7 url(images/menu-bg.gif) repeat-x;
}

    you might need to edit or remove the background image.

    Thread Starter cookiebda

    (@cookiebda)

    15 years, 2 months ago

    Hi there,

    Thank you for responding! I have checked and I currently have this:

    #pagemenu li li a background: #dbb826;
    #catmenu li li a {
    width: 168px;
    float: none;
    margin: 0px;
    padding: 5px 10px;
    border: 1px solid #FFF;
    border-top: none;
    background: #2422a1 url(images/menu-bg.gif) repeat-x;
    }

    I tried taking out the url(images/menu-bg.gif) but it didn’t make any difference…

    If I take out the background: #dbb826; next to the #pagemenu li li a background: #dbb826; I end up getting the light blue dropdown with a dark blue line at the bottom of the larger boxes in the list…

    Michael

    (@alchymyth)

    15 years, 2 months ago

    what you have there, is breaking the syntax of the styles;
    invalid syntax:

    #pagemenu li li a background: #dbb826;
#catmenu li li a {

    it is therefore not applied by the browser;

    try and change it to:

    #pagemenu li li a,
#catmenu li li a {
width: 168px;
float: none;
margin: 0px;
padding: 5px 10px;
border: 1px solid #FFF;
border-top: none;
background: #dbb826 url(images/menu-bg.gif) repeat-x;
}

    (i can only gues that this is what you were trying to do ?)

    Thread Starter cookiebda

    (@cookiebda)

    15 years, 2 months ago

    When I do that I get a gold line towards the bottom of the light blue on the dropdown list…

    When I leave it like …
    #pagemenu li li a background: #dbb826;
    #catmenu li li a {

    …it all stays light blue in the box rather than being bi-coloured

    I don’t understand how or where the light blue is coming from, because nowhere in the theme have I put the hex code for that colour….

    Michael

    (@alchymyth)

    15 years, 2 months ago

    i suppose you have left the background image in the style – and the background image is blue:
    http://castlesintheair.eu/wp-content/themes/FlexxBlue_childtheme/images/menu-bg.gif

    try without background image, just background: #dbb826;

    Thread Starter cookiebda

    (@cookiebda)

    15 years, 2 months ago

    I’m sorry but I’m not sure where to find that… I can’t find anything that seems to refer to background image…

    I am sure you have found the problem with that… I just don’t know where to go to fix it!

    Thread Starter cookiebda

    (@cookiebda)

    15 years, 2 months ago

    OMG, its WORKED!!! I am dancing a jig here… I changed the headings so they are shorter so I could take out the syntax fault, and I changed the colour code as you suggested and it has worked!!!

    Thank you sooooooo much!

    I REALLY appreciate it!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Problem changing colour on dropdown menu from navbar’ is closed to new replies.