Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 8, 2015 at 10:34 pm #377117
    djshortkut

    On my fullscreen slider on my homepage I have alternating colors for button 1 on every other slide. For the slides that currently have a red color for the button, I would like to make the color #3d71a1 How would I do this since there is no way to select a custom color for those buttons? Thanks in advance!

    January 9, 2015 at 7:33 am #377226
    Ismael

    Hey djshortkut!

    Thank you for using Enfold.

    You can use child selectors or something like this:

    .avia-fullscreen-slider .avia-slideshow-inner li.slide-2 a.avia-slideshow-button {
color: #3d71a1 !important;
}

    Cheers!
    Ismael

    January 9, 2015 at 8:29 am #377247
    djshortkut
    This reply has been marked as private.
    January 9, 2015 at 5:34 pm #377469
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .slideshow_align_caption a.avia-slideshow-button:nth-child(3) {
background-color: #3d71a1 !important;
}

    Best regards,
    Yigit

    January 14, 2015 at 5:48 am #379252
    djshortkut
    This reply has been marked as private.
    January 16, 2015 at 3:55 am #380583
    Andy

    Hey!

    1. Try with this code:

    a.avia-slideshow-button.avia-button.avia-color-red.avia-multi-slideshow-button {
background-color: #3d71a1 !important;
}

    2. You can control the shadow’s color with this code:

    .avia-button.avia-color-red, .avia-button.avia-color-red:hover {
border-color: white;
}

    if you want to remove any color use border-color: transparent

    Cheers!
    Andy

    January 16, 2015 at 11:51 pm #381143
    djshortkut

    Resolved. Thank you!

    January 19, 2015 at 5:04 am #381571
    djshortkut

    You can close this thread

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Fullscreen Slider Button Colors’ is closed to new replies.