Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 2, 2017 at 11:07 am #815502
    viaggiareverde

    Hi,
    I’d like to know how can i change the color of the buttons of the post slider element.

    best regards

    July 2, 2017 at 1:48 pm #815549
    Rikard

    Hey viaggiareverde,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-slideshow-arrows a:before {
    background: #ddd !important;
    background: rgba(10,10,10,0.5) !important;
}

    Best regards,
    Rikard

    July 2, 2017 at 4:33 pm #815578
    viaggiareverde

    Hi Rikard, thanks for the answer. Unfortunately it seems that it doesn’t work. I’ve also tried changind “ddd” with a color but they don’t change.

    July 3, 2017 at 4:57 am #815719
    Jordan Shannon

    Hi,

    Which buttons exactly? The arrow buttons?

    Best regards,
    Jordan Shannon

    July 3, 2017 at 9:38 am #815766
    viaggiareverde

    Hi,
    Yes, the semi-trasparent arrow buttons of the post slider.

    July 3, 2017 at 11:37 am #815802
    Rikard

    Hi,

    Please try this instead:

    .avia-slideshow-controls a:before {
    background: #ddd !important;
    background: rgba(10,10,10,0.5) !important;
}

    Best regards,
    Rikard

    July 3, 2017 at 8:36 pm #816049
    viaggiareverde

    Hi, no it doesn’t work.

    July 4, 2017 at 6:00 am #816164
    Rikard

    Hi,

    Ok, I can’t see it applying on your site either, where exactly are you putting the CSS? You might want to provide us with login details if you want us to have a closer look.

    Best regards,
    Rikard

    July 4, 2017 at 6:30 am #816175
    viaggiareverde

    Hi,
    I’ve put that in the css box, but than removed after purging cache and seing that it doesnt work. I give you temporary access.
    Thank you and best regards

    July 4, 2017 at 8:27 pm #816472
    Jordan Shannon

    Hi,

    I added the following to the very top of quick css. I have tested this and it should work:

    #top .avia-content-slider:hover .avia-slideshow-arrows a {
    opacity: 1!important;
    background-color: red!important;
}

    Best regards,
    Jordan Shannon

    July 8, 2017 at 9:58 am #818121
    viaggiareverde

    Thank you, it works.

    Best regards

    July 8, 2017 at 6:42 pm #818256
    Sarah

    That’s good to hear. :)

    We’ll close this thread now, but if you have any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.

    Thank you for using Enfold.
    Cheers!
    Sarah

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘How to change buttons colors’ is closed to new replies.