CSS Issue With Header... - Question | JoomShaper
Back to the questions

CSS Issue With Header...

BT

Brett Thomas

Template 3 years ago

I have created a site using the Resort theme: https://antebellumhouse.com/

The menu / logo header looks fine on the home page, but when any other page is opened, the menu/logo section background turns white. How can I adjust the color on the background for these pages? I know it is a custom CSS code, but everything I've tried so far does not work.

0
1 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #412

Hi there! You can use the following code into your custom CSS to make changes for other pages:

#sp-header {
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    top: 35px;
}
.menu-fixed#sp-header {
    background-color: rgba(0,0,0,0.9) !important;
}

And here you go with other CSS you need to get the similar look as the home page I guess:

#sp-header .sp-megamenu-parent >li >a {
    line-height: 70px;
    transition: 300ms;
    color: #fff!important;
}
#sp-header .sp-megamenu-parent >li.active>a, #sp-header .sp-megamenu-parent >li:hover>a {
    color: #e1ad4f!important;
}

Note: 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. https://prnt.sc/pu705g https://prnt.sc/pu70zn

Hope this helps anyway!

Best Regards

0