Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Change Gradient Background Color

Featured Lock Resolved Issue
Hi,

I need to change the main gradient of the template in green and yellow. If I change preset1 from the custom, nothing change. Help me please?

7 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. They are from predefined presets.
You can use your own style from here https://prnt.sc/jtkk0z
But if you want to change the gradient color then please follow the instructions.

1) Please go to this location and remove the "!important" from here https://prnt.sc/jtkllr
2) Then use this css into your custom css to change the gradient color. Here i used mine

#sp-header, .sppb-btn-default, .sppb-btn-default:hover, .sppb-btn-default:focus, #sp-page-builder .service-widget:after, #sp-page-builder .service-widget2:after,
#mod-sp-simpleportfolio .sp-simpleportfolio-overlay:after, #sp-simpleportfolio .sp-simpleportfolio-overlay:after {
background-image: linear-gradient(131deg, #00ffff 0%, #dc4a5e 100%) !important;
}
#sppb-addon-1519361003685 {
border-image: linear-gradient(135deg, #6b9eb1, #ea0000) 1 !important;
}


-Best Regards

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Would you please specify which section background you are trying to change?
Please share any attachment if possible.
You can get the options from the page builder. Since the pages are created with page builder.

-Best Regards

Flaviano

More than a month ago #Permalink
Yes, this gradient.

Attachments (4)

  • gradient1.jpg
    gradient1.jpg 216.4 KB
  • gradient2.jpg
    gradient2.jpg 221.4 KB
  • gradient3.jpg
    gradient3.jpg 318 KB
  • gradient4.jpg
    gradient4.jpg 192.9 KB

Flaviano

More than a month ago #Permalink
News?

Flaviano

More than a month ago #Permalink
Perfect, thanks

Sifat - Staff

More than a month ago #Permalink
You are most welcome


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 164
Sifat

Sifat

Total Accepted Answers: 117
Toufiq

Toufiq

Total Accepted Answers: 43
Pavel

Pavel

Total Accepted Answers: 3
M

Mike

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us