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