Transparency of headers on templates

Mehtaz Afsana Borsha Staff

4 years ago

Hi

Thanks for contacting us. Youv can use custom CSS for that. If you need any help just ping me here. Dont forget to give me your site URL and also screenshot of that portion.

-Regards.

Alberto Bonello Asked this

4 years ago

Yes, I will like assistance with the custom CSS. Thanks

Mehtaz Afsana Borsha Staff

4 years ago

Hi

Use this custom CSS

#sp-header.header-sticky{
    opacity: 0.75;
}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Alberto Bonello Asked this

4 years ago

Thank you for the answer, but what I need to do is to have is a tranparent menu like POLITICO. I do not want to have the white color behind the menu.

Mehtaz Afsana Borsha Staff

4 years ago

Where is POLITICO? Please give me the link.

Alberto Bonello Asked this

4 years ago · edited

I worte the wrong name of the thempalte ia called POLITICAS and is one of the ones you offer in your site. I have tried to make it transparent and even changed templates, but I can't. It is beyond my skills. I am a designer not a coder.

Mehtaz Afsana Borsha Staff

4 years ago

Hi

Do you wnt it like this?

https://prnt.sc/gcYVxH8x8Wbs

Alberto Bonello Asked this

4 years ago · edited

I have resilved the issue from an article in the internet. Tha only problem I need help is that when the header is transparent I need the menu text to be white. Right know I can not see part of the menu becausethe font is black. see photo below.
https://www.dropbox.com/s/fuj7ntcnv2ke54q/Screen%20Shot%202022-03-28%20at%206.54.03%20AM.png?dl=0

Mehtaz Afsana Borsha Staff

4 years ago

Ok then use this custom CSS

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
    color:white !important;
}

Alberto Bonello Asked this

4 years ago

well it worked to change the color to white, but know the sticky header has white text and you can't see it.