Stratos Template CSS Class - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Stratos Template CSS Class

TB

Timo Biehl

Template 5 months ago

Hi, I installed the template as a quick start. The Home Page ist using in SP Page Builder the CSS Class: gradient-button where can I change the css code f0r the CSS Class gradient-button?

0
8 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #193419

Hi

Thanks for contacting us and sorry for your issue. Could you please give me your site URL and also a screenshot of your issue?

-Regards.

0
TB
Timo Biehl
Accepted Answer
5 months ago #193422

Hi, there ist no issue. I would like to change the color of the item using the css class gradient-button.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #193423

Ok, So I need the URL and also a screenshot of that portion which you want to change, so that I can check and give you the CSS code.

0
TB
Timo Biehl
Accepted Answer
5 months ago #193425

https://www.villa-italia.cover72.com

There ar 2 buttons at the picture (Tisch reserieren and Aktulle News) at hover it turns to purple. I would like to change it to red. (Same red as the logo). The site ist protected, see hidden content

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #193431

Hi

You can use this CSS in your custom.css file

#sp-menu .sp-module .sppb-btn.gradient-button:hover, #sp-menu .sp-module .sppb-btn.gradient-button:focus, #sp-menu .sp-module .sppb-btn.gradient-button:active{
   background: linear-gradient(145deg, #ff6200, #ffac2b) !important; 
}
body .sppb-btn.gradient-button:hover, body .btn.gradient-button:hover{
     background: linear-gradient(145deg, #ff6200, #ffac2b) !important;   
}
0
TB
Timo Biehl
Accepted Answer
5 months ago #193439

Hi, where ist the costum.css file located?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 5 months ago #193549
0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 months ago #201207

Hi

Is this resolved now? If yes, you can then close this post by accepting the answer.

0