Slider arrows

zale11

Hi, I need to change the arrows in my slider as far as position and color is concerned.

I'll attach two screenshots, the first is what I see in my website, the second in a website where I like the result more.

I need these changes for mobile only.

Basically I need to move the arrows "within" the slider and change color to white.

As for the

position I found this:

.content_slider.flat a.button {

bottom: -5px; //working

}

As for the color I found this:

.button-custom .button {

  color: #ffffff; //not working

}

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us the link.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

zale11

Hi Phil, the url is https://ilnocedoro.it/appartamento-1/

The result we'd like to have is like in https://www.casadelleerbe.it/lavanda/

Both websites in mobile mode.

Thanks

Pablo

Hello,

Please paste this CSS code into Theme Options -> Custom CSS & JS -> CSS

@media (max-width:768px){
 .content_slider a.button{
    bottom: 130px !important;
      color: white !important;
      z-index: 999 !important;
   }

   .content_slider a.button span{
   opacity: 0.8 !important;
   }
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

zale11

Hi Pablo, thanks a bunch, it works :)