Solved Templates

Opus - Transparent header

Asked by FREESERVIS 3 years ago Last activity 3 years ago

Hello,

I updated the site with the Opus template to Joomla! 4 and I don't know why the header is not transparent.

In the demo https://demo.joomshaper.com/2018/opus/index.php the header is transparent.

When I download opus_quickstart_j4_v2.0.0.zip, the header is not transparent.

I need advice on how to set a transparent header.

Regards, Milan

Accepted answer

Marked as the solution

Ofi Khan Staff

3 years ago

Glad that your issue is solved.

11 more replies

Ofi Khan Staff

3 years ago

Hello FREESERVIS .s.r.o.

Please use this CSS to Template Options -> Custom Code -> Custom CSS

#sp-header {
    position: absolute !important;
}
#sp-header:before{
    opacity: 0 !important;
}
#sp-header.header-sticky{
    position: fixed !important;
}

Best regards

FREESERVIS Asked this

3 years ago

Hello,

I inserted the code, and the header is white, not transparent.

Regards, Milan

Ofi Khan Staff

3 years ago

Please remove the previous CSS and use this

#sp-header {
    background: transparent;
}
#sp-header:before{
    opacity: 0 !important;
}
#sp-header.header-sticky{
    position: fixed !important;
}

FREESERVIS Asked this

3 years ago

Hello,

I inserted the new code and the header is still white and not transparent.

Regards, Milan

Ofi Khan Staff

3 years ago

Apology for the inconvenience. Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup with you before sharing.

FREESERVIS Asked this

3 years ago

I send approaches ...

Ofi Khan Staff

3 years ago

I have added CSS to custom.css file. Please check your site now.

FREESERVIS Asked this

3 years ago · edited

Hello,

header is transparent, great.

I wanted to set the menu color to white.
I pasted the code below and the menu is still black :-(
Why is the color of the menu always displayed in black?

Regards, Milan

.sp-megamenu-parent>li>a {
    color: #FFFFFF;
}

Supplement:

i pasted the code directly into the template and removed it from the custom.css file and the menu is now white. Why doesn't custom.css work?

Anthony Grinblat

3 years ago

DOES ANYONE HERE ACTUALLY PROVIDE REAL TECHNICAL SUPPORT???? I'VE BEEN GOING BACK AND FORTH FOR MORE THAN A MONTH AND NOT A SINGLE THING HAS BEEN RESOLOVED!!! ONLY MORE DAMAGE!!!! WHERE IS THE SUPPORT TEAM???

Ofi Khan Staff

3 years ago

FREESERVIS .s.r.o.,

It is perfectly white. You need to clear your browser cache and check.

Please accept the answer that helped you. It will be then easier to find the solution for the other users with the same issue. There is a button to accept answer after each comment.

In the docs