How can I change the color of this black top bar on prestashop 1.6

[Tasifama]

Does anyone can help about to change the color of the top black bar for my Prestashop 1.6?

 

Please see the attach photo for more details.

 

 

 

 

 

 

 

Thanks

[Paulito]

Hello

 

Put this code anywhere in global.css

 

header .nav {background: #c20000;}

 

Result

http://screencast.com/t/UwEhCbzo

 

Paul

[Tasifama]

Hi, Paul

 

Thank you so much for your great advise, it work perfectly fine.

 

I did what you advise me and I've changed the color of the top bar.

 

 

 

Thanks again

 

Clintonsnow

[newwebguy]

I to am trying to change the top bar color in the new prestashop 1.6. I tried the above code and its not working for me, is there a certain way to add a line to the global css? I have limited experience editing css files

Edited December 16, 2015 by newwebguy (see edit history)

[Phil Steed]

Hello, I want to do the same thing so I tried what Pual said but didn't work for me. There's a line to put this code in global.css file? Thanks!

[Mixa_RU]

Hello, I want to do the same thing so I tried what Pual said but didn't work for me. There's a line to put this code in global.css file? Thanks!

 

Hi!

 

Try to add Paulito's code in the bottom of global.css.

 

Or find this section at around line 5744 in global.css and change background property accordingly

header .nav {
  background: #c20000;
}

[Phil Steed]

Thank you! But I find this code in global.css and change the color and worked. 
 

 header .nav {

    background: #333333; } (This Colour)

    header .nav .row {

      margin: 0px; }

    header .nav nav {

      width: 100%; }

      header .nav nav #currencies-block-top {

        float: right; }

[newwebguy]

Hey thanks guys, I tried what Mixa_RU and Phil Steed said and it works now, I really appreciate the advice. Sorry have been out of touch for awhile . I am now back working on the website again. Now can anyone please help with the hover affect over products in prestashop 1.6 When I place my mouse on Products at home page it drops down a list of all categories with a hover effect, I would like to turn that off is there anyway for the main Top list of Products ? thank you

[Kane Oates]

Hello, 

 

I have used the code 

 

header .nav {background: #c20000;}

 

but how do i change the colour of the text that is on the Nav Bar?

 

Cheers Kane.

[rahulteja]

 

Hello, 

 

I have used the code 

 

header .nav {background: #c20000;}

 

but how do i change the colour of the text that is on the Nav Bar?

 

Cheers Kane.

 

 

To change color of text inside the Nav bar, you need to edit each and every blockmodule's CSS file.

 

Example: to change color of "Contact Us" word,,

 

prestashop/themes/default-bootstrap/css/modules/blockcontact/blockcontact.css  --> Line:25

 

I'm using PrestaShop 1.6.1.15

[GlenB]

I'm trying to change to color of the menu bar and of the text inside but I don't find the CSS file where I can do this.

the text are links that I created with the blocktopmenu module but this CSS file has no line that determines the color.