Solved Templates

How to change the sticky header color in aspasia template

Asked by pramod sahu 3 years ago Last activity 3 years ago

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
3 years ago

Sorry, I forgot about extra line, add it as well:

.is-sticky #sp-main-menu > .container > .row:first-child::before {background: #39A127;}

OR all together


.is-sticky #sp-main-menu > .container > .row:first-child,
#sp-main-menu-sticky-wrapper,
.is-sticky #sp-main-menu > .container > .row:first-child::before,
.is-sticky #sp-main-menu {background: #39A127;}

4 more replies

Oldest first Newest first Most helpful
pramod sahu Asked this
3 years ago

Yes, thanks.

Paul Frankowski Senior Staff
3 years ago

Hi,

please use Custom CSS:

.is-sticky #sp-main-menu > .container > .row:first-child,
#sp-main-menu-sticky-wrapper,
.is-sticky #sp-main-menu {background: #39A127;}

In Aspasia Template Options > Custom Code > Custom CSS

pramod sahu Asked this
3 years ago

Thanks. But still blue stripe is coming in the background.

pramod sahu Asked this
3 years ago

Still waiting for your reply.

pramod sahu Asked this
3 years ago

Thanks a lot.

Also I have to add another line:

.is-sticky #sp-main-menu > .container > .row:first-child::after

otherwise right side stripe is coming blue.

Anyway thanks a lot for your guidance.

Log in to reply.