Jump to content

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


Recommended Posts

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

Share this post


Link to post
Share on other sites
  • 1 month later...
  • 2 weeks later...

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;
}
  • Like 1

Share this post


Link to post
Share on other sites

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; }
  • Like 1
  • Thanks 1

Share this post


Link to post
Share on other sites
  • 1 month later...

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

Share this post


Link to post
Share on other sites
  • 7 months later...
  • 1 year later...

 

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

Share this post


Link to post
Share on other sites
  • 1 year later...

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More