Spage Builder - Cannot Change Color For Bottom Gradient - Question | JoomShaper

Spage Builder - Cannot Change Color For Bottom Gradient

CB

Christopher Billings

SP Page Builder 2 years ago

Greetings,

i am having trouble changing the colour of the bottom footer in Spage Builder. I change the colour settings in the template, however it always defaults to the original colour.

https://prntscr.com/1f6f6ib https://prntscr.com/1f6fkkm

Thanks for your help.

Regards Chris

0
10 Answers
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 2 years ago #25994

Hello there,

Please share your site URL with us so that we can have a look at it from our end.

Thanks!

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #25996

Hi

Could you please share your site URL so that we can check? And also share that portions screenshots which color you want to change

0
Anne
Anne
Accepted Answer
Support Agent 2 years ago #25997

Hello there,

Thanks for contacting with us. Please, clear the browser cache and try it in incognito window.

-Regards

0
CB
Christopher Billings
Accepted Answer
2 years ago #26000

Please see URL in Hidden Content

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #26001

Share your screenshot please which portion color you want to change

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #26002

Share your screenshot please which portion color you want to change

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

Hello Chris

Please use this CSS to Template Options -> Custom Code -> Custom CSS Change the two color as per your need.

#sp-footer {
    background: linear-gradient(45deg, #6b73a2, #6b73a2);
}

Best regards

0
CB
Christopher Billings
Accepted Answer
2 years ago #26007

Great, that work!

0
CB
Christopher Billings
Accepted Answer
2 years ago #26008

How do i change the colour highlight in the menu

https://prntscr.com/1f7c5ud

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

for this, use this CSS to Template Options -> Custom Code -> Custom CSS

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a{
    color: #6b73a2 !important;
}
0