[wwellmanParticipant]

I just took over managing our website and I am trying to get familiar with X and with Cornerstone. I am trying to change the color of what I think is the Navbar. It’s the bar that contains the logo and the navigation menu. I have searched this site and found the css to use for this, but when I put in the CSS nothing happens. I have also read that there is an option to change this under typography, but I don’t see such an option.

[wwellmanParticipant]

Actually, I’d what I’d really like, if possible, is to figure out how to make the navbar transparent and have it lay over the image in the first section at the top of my page, instead of having the navbar above the image. If I can’t do that, then I need it to be a color other than stark white.

[RupokMember]

Hi there,

Thanks for writing in! Usually the Navbar background color could be changed from Customize > {Stack Name} > Navbar Background Color.

Cheers!

[wwellmanParticipant]

Thanks, but there does not appear to be an option for navbar background color, only the link color.

[DarshanaModerator]

Hi there,

To assist you with this request, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[wwellmanParticipant]

nb.church

[JoaoModerator]

Hi There,

Please add the following code to Appereance Customizer Custom CSS and adjust the color according to your wishes.

.x-navbar {
  
   background: none !important;
}

If you would like to make your navbar over your banner, please add the code below, but as you have content overlapping you would need to edit your banner image.

.x-main.full {
    margin-top: -100px;
}

Let us know if we can help with anything else.

Joao

[Author]

Posts