Navigation Bar Background Colour

[wirralweb]

Hi,

I use some custom css to alter the background colour of the navigation bar as can be seen in the attached image1.

My problem is I use sticky header – so that when I scroll the page and the sticky header engages, I lose this colour and it defaults to the gradient that is set in the colour customiser.

What CSS can i use to maintain the same background colour when the sticky header engages?

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me website url so i can inspect issue to resolve.
Thanks 🙂
With Best Regards
Mohammad

[wirralweb]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
#main-nav{background:none repeat scroll 0 0 #bc0809 !important}
Yes, you can change the name of theme through style.css and change the theme directory name.
Thanks 🙂
With Best Regards
Mohammad

[wirralweb]

That’s awesome thank you very much – would there be a way of making the shopping cart text in that nav bar white as well – without affecting any other hyperlink text?

I have attached an image showing the text

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-
div.header-right nav.std-menu .menu li > a{color:#fff !important;}
Thanks 🙂
With Best Regards
Mohammad

[wirralweb]

Thanks for the super fast response Mohammad – it doesn’t seem to work though I’m afraid

[Mohammad – SUPPORT]

Hi,
Please remove that one code and use this one new code:-
div.header-right nav.std-menu ul.menu li.menu-search.parent a{color:#fff !important;}
Thanks

[wirralweb]

wow – nearly there – the search icon is white but the shopping cart and wishlist part still black – see attached – thanks so much for your help – its very much appreciated

Attachments:

You must be logged in to view attached files.

[wirralweb]

Just to add to that – the search text is now white as well when i type in a search and is not very visible. Thanks

[Mohammad – SUPPORT]

Hi,
Please remove that code and use this one new code:-
div.header-right nav.std-menu ul.menu li a{color:#fff !important;}
Thanks

[wirralweb]

That’s awesome thanks Mohammad – one last thing – and sorry to be a nuisance – if I click the search box now the text there is also white – which is none too visible

Is it possible for only the text on the red background to be white and not affect for example the search bar text or results.

Again sorry to be a pain, just trying to get it right.

Many thanks – very much appreciated

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

#main-nav .ajax-search-wrap input[type="text"] {
    color: #bc0809 !important;
}

Thanks 🙂
With Best Regards
Mohammad

[wirralweb]

Most awesome Mohammad, you help is invaluable – there is one thing I’m sorry to say though and that is the search results also come out white – which as you can see on the attachment makes them invisible to the bottom of the gradient background.

I know this is a pain – its a shame they all seem to be controlled by the same class.

Thanks a lot

Attachments:

You must be logged in to view attached files.

[wirralweb]

thanks for your help Mohammad – I have decided to revert to black text as that class appears to control a lot of different things – often in places where white text was not suitable.

Thanks again