Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 16, 2020 at 12:38 am #1222882
    probly3000

    Hello,

    I would like to be able to change the background colour and opacity of framed captions and buttons in my fullscreen slider (currently shown on my home page)

    I can change the colour of the buttons from “Link Settings” but none of those options are what I am after.

    Thanks

    June 17, 2020 at 5:14 am #1223223
    Rikard

    Hey Rob,

    It looks like your site is in coming soon mode, could you post login details in private as well so that we can see the actual elements please?

    Best regards,
    Rikard

    June 17, 2020 at 11:47 pm #1223521
    probly3000

    Yep

    June 18, 2020 at 10:17 am #1223636
    Rikard

    Hi,

    Thanks for that, please try this in Quick CSS:

    .caption_framed .slideshow_caption .avia-caption-title, .caption_framed .slideshow_caption .avia-caption-content p {
    background: rgba(0,0,0,0.5);
}

    You would nee change the colour first though, the 3 0’s represent the colour. In this case black, and the last number is the amount of opacity.

    Best regards,
    Rikard

    June 18, 2020 at 11:58 pm #1223909
    probly3000

    Thanks – that does work for the caption backgrounds

    Can you tell me how to do the same for the buttons which are under the caption please?

    June 19, 2020 at 8:31 am #1223985
    Rikard

    Hi,

    This is the CSS currently applying:

    .avia-slideshow-button.avia-color-dark {
    background-color: rgba(255,255,255,0.1);
}
.avia-slideshow-button.avia-color-light {
    background-color: rgba(0,0,0,0.2);
}

    You can adjust the background in same way as you would with the captions.

    Best regards,
    Rikard

    June 19, 2020 at 11:59 pm #1224192
    probly3000

    Thanks again.

    I have added that code above and changed the values in the brackets but it isn’t having any effect on the buttons.

    It worked well for the code above on the caption boxes though.

    June 20, 2020 at 1:02 pm #1224264
    Rikard

    Hi,

    I adjust the CSS a bit and it’s applying now. If you don’t want any opacity then you could use simpler CSS like this for example:

    #top .avia-slideshow-button.avia-color-dark {
    background-color: #fff;
}

    Best regards,
    Rikard

    June 21, 2020 at 12:25 am #1224323
    probly3000

    Thanks, that works great now

    June 21, 2020 at 5:32 am #1224348
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Fullscreen Slider – Change Caption and Button Background Colours’ is closed to new replies.