Opus - Transparent Header - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Opus - Transparent Header

M

Milan

Template 2 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

0
12 Answers
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #113737

Glad that your issue is solved.

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #113052

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

0
M
Milan
Accepted Answer
2 years ago #113066

Hello,

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

Regards, Milan

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #113076

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;
}
0
M
Milan
Accepted Answer
2 years ago #113090

Hello,

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

Regards, Milan

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #113182

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.

0
M
Milan
Accepted Answer
2 years ago #113235

I send approaches ...

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #113557

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

0
M
Milan
Accepted Answer
2 years ago #113590

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?

0
AG
Anthony Grinblat
Accepted Answer
2 years ago #113592

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???

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 2 years ago #113727

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.

0
M
Milan
Accepted Answer
2 years ago #113728

Hello,

now it works because I set the css in the template. When I insert the code directly into the custom.css file, it doesn't work even after clearing the temporary browser memory.

Regards, Milan

0