Jump to content

Change Colors In Navbrand

Recommended Posts


I want to change in the navBrand  the background color (to white) and the text (to black) and it still fails (http://neturity.zxq.net/maqueta/)



This works only with Chrome but not in FFox:

.navbar.pl-color-black-trans {
    background-color: transparent;
    background-image: -webkit-linear-gradient(top,rgba(255, 255, 255, 1),rgba(255, 255, 255, 1));
    background-repeat: repeat-x;
    border-top: 0 solid transparent;


Texto color:

I can change size, weight... but not color with this:

#navbar div.navbar.fix {
  font-size: 23px !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  color: black !important;


How can I do?

Share this post

Link to post
Share on other sites

Firefox can't read webkit, so that's why the background color still appears to be a gradient. You should try replace that background-image line with:

background-image: none !important;

As for the text color, it's not being changed because your menu items are using links, not regular text, so your selector should be this instead:

#navbar div.navbar.fix a

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post

Link to post
Share on other sites

Thanks Catrina (& all over the team) it works fine (as usually :).

Have a nice days.


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