Docs

[truaxbrandingco]

Hey there

I want to lower the opacity of the header background so I can see the contact behind it. Is there a way or css to do this?

Thank you!

[Prasant Rai]

Hello There,

Thanks for writing in! To assist you with this issue, 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.

Thanks.

[truaxbrandingco]

Thank you for your quick response! Here’s the URL:

http://50.87.248.168/~inertiat/

[Prasant Rai]

Hello There,

Thanks for writing in!

There seems to be an active under construction page. Kindly provide us with the admin details to your site so that we’ll able to check this further. http://prntscr.com/bn5fc0

Thank you.

[truaxbrandingco]

No longer Under Construction! Sorry about that.

[Rupok]

Hi there,

Thanks for writing back! You can add this under Custom > CSS in the Customizer.

.x-navbar {
  background: rgba(255, 255, 255, 0.8);
}

You can change the opacity level (0.8) to your desired value.

Hope this helps.

Cheers!

[truaxbrandingco]

Hey there

Thank you so much for the reply! I still can’t see the revolution slider through the header/navbar.

Thanks for your help.

Nate

[truaxbrandingco]

Spoke to soon sorry it worked! Can I get some css for the border of the header? Also, is there a way to get the logo to expand past the lines of the navbar? Where it’s kind of dangling off?

You guys are the best. Thanks!

[Joao]

Hi There,

To Remove the borders please add the following CSS to Appereance Customizer Custom CSS

.x-navbar {
border: 0 !important;
}

If I understood you would like your logo a bit out of the navbar, please add the following code to Appereance Customizer Custom CSS

.x-brand img {
padding-top: 20px;
    margin-bottom: -20px;
}

Hope it helps

Joao

[truaxbrandingco]

You guys are rockstars! Thank you. I now have a topper above the nav. Can I get the css to remove lower the background opacity in that and remove the border?

Thank you!

[Prasant Rai]

Hello There,

You can add this under Custom > CSS in the Customizer:

.x-topbar {
    border: 0 !important;
    opacity: 0.6;
}

Thanks.

[truaxbrandingco]

Thanks for your help! This is actualy lowering the opacity of the text. I would like to remove the opacity of the background color in the top bar.

Thank you!

[Joao]

Hi There,

Add the following code instead:

.x-topbar {

background-color: rgba(255, 255, 255, 0.5);
}

Hope it helps

Joao

[truaxbrandingco]

Hey there. Thank for trying. That didn’t seem to work.

[Jade]

HI there,

You can adjust the code to:

.x-topbar {

background-color: rgba(255, 255, 255, 0.5);
}

This would give the background of the topbar a 0.5 opacity. It might night be too obvious since the base background is white.

Hope this helps.

[Author]

Posts