Add a color strip at the top of the site

ludo974

Hello,

I would like the top menu to appear in a dark blue band and the color of the menu texts to be white and larger. Because the top menu is not seen enough. And I would like this strip of color to be present on all the pages of the site.

http://prntscr.com/ql7ez2

Can you help me ?

Thank you.

Regards,

saguaros

Hi ludo974

you mean that you want to change color for background of the whole header part or menu part only?

If it's header, you can use this css:

.t3-header {
  background: /*your color goes here*/;
}

to change menu text:

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
  color: #fff;
}

.headright .menu > li > a {
  color: #fff;
}

ludo974

Hello@saguaros#108533
Thanks ! I do this in my custom.css :

.logo-image img{ max-height: 200px !important;}

.t3-header {
background: #06283b;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
color: #fff;
}

.headright .menu > li > a {
color: #fff;
}

But I would like this please : https://prnt.sc/qlmf23

And my menu " Découvrez toutes les promos sur facebook" is a button like this : https://prnt.sc/qlmfb6

Could you help me please ?

saguaros

ludo974

So you want to change background for mainnav only, I change the .t3-header class to .t3-mainnav in above code for you, kindly check.

But with the dark background like this, you may need to change the color for hover, active:

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > span, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > span:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > span:focus {
 color: your_desired_color_here;
}

saguaros

I forgot to mention that for the head action menu on the right, I updated this css:

.headright .menu > li > a.btn.btn-primary {
  background: linear-gradient(135deg,#a93bfe,#584efd);
  padding: 15px 36px;
}