Change slider button color

- 8 years, 11 months ago Vivek
  Participant
  
  Expired
  Hi,
  
  How can i set custom colors for banner slider buttons on home page. I am using codeless slider. The color change should affect only banner slider buttons on home page. If i have to write custom css, how do i target buttons on home page slider only or how do i add a custom class to the buttons. Please help
  
  This topic was modified 8 years, 11 months ago by Vivek.
- 8 years, 11 months ago Mirela
  Participant
  Hello,
  
  Please add this code into your custom css box:
  
  .codeless_slider .swiper-slide .buttons.colors-light a.colored { background: #f79468 !important;} .codeless_slider .swiper-slide .buttons.colors-light a.colored:hover { background: #fff !important;} .codeless_slider .swiper-slide .buttons.colors-light a.colored:hover {color: #f79468 !important;} .codeless_slider .swiper-slide .buttons.colors-light a.bordered {border-color: #fff !important;} .codeless_slider .swiper-slide .buttons.colors-light a.bordered * {color: #fff !important;} .codeless_slider .swiper-slide .buttons a.bordered:hover {background: #f79468 !important;}
  
  Change the color to your wish.
  
  Best regards!
- 8 years, 11 months ago Vivek
  Participant
  
  Expired
  
  But this css will affect all the buttons on the codeless slider of other pages too. I just want it to happen on a specific slider buttons.
- 8 years, 11 months ago Mirela
  Participant
  
  Hello,
  
  Then add this code in the page’s custom css box, where you want to make the changes. Go to the page’s option panel and look for the gear icon at the top-right. Add the code here. It will affect only this page.
  
  Best regards!

Viewing 3 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login