Solved Helix Framework

Template Colours Not updating

Asked by Graeme 4 years ago Last activity 4 years ago

Hi redeveloping an old site with SP Page builder Pro and Helix Ultimate 2

I Have changes the drop down menu background colours in template settings and the Link colours site wide I have also tried adding custom CSS but thes element wont change.

I have tried viewing in different browser and claering the cache but not changing
Menu dropdown Background colour is #f7f7f7 but shows as white

<a> is #c2a94b but in the menu amd some other area of the site is a the default blue

Accepted answer

Marked as the solution

Graeme Asked this

4 years ago

Have Solved this .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active a {color: #c2a94b !important;}

6 more replies

Mehtaz Afsana Borsha Staff

4 years ago

Hi,

Thanks for contacting us. Could you please give me a screenshot where do you want to change the color?

-Regards.

Graeme Asked this

4 years ago

Mehtaz Afsana Borsha Staff

4 years ago

Use this custom CSS

#sp-header{
    background:#f7f7f7 !important
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
      background:#f7f7f7 !important
}
.sppb-addon-text a{
    color: #c2a94b !important;
}

label.sppb-form-check-label a{
     color: #c2a94b !important; 
}

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.

Graeme Asked this

4 years ago

Hi Thanks for this Did not need

#sp-header{ background:#f7f7f7 !important }

But the Dropdowwn background colour now works the addons work too but the link colours in the drop down menu are still blue Note the text-Transfor frome the css works but it noy affecting the Link colour
.sp-megamenu-parent .sp-dropdown li.sp-menu-item .active>a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item .active:hover>a {color: #c2a94b !important;} .sp-megamenu-parent .sp-dropdown li.sp-menu-item {text-transform: uppercase;}

Graeme Asked this

4 years ago

Hi i have Improved this CSS but still cannot get the Active line to change from blue to gold
.sp-megamenu-parent .sp-dropdown li.sp-menu-item a:active {color: #c2a94b !important;} .sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover {color: #c2a94b !important;} .sp-megamenu-parent .sp-dropdown li.sp-menu-item .active a {color: #c2a94b !important;}

Mehtaz Afsana Borsha Staff

4 years ago

Glad to know that it is fixed now. Thanks for sharing the solution.