Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #915379

    Hi,

    is it possible to change the background colours for the caption text on the slides? They are currently set to black opaque but I need to change the colour.

    How can this be done?

    Many thanks

    Dom

    #915399

    Hey Dom,

    Can you post a link to the page mentioned? so we can take a closer look. If there are more than 1 sliders in that page, please point which one. You can post the link in private content so only moderators can view it and you as the thread creator.

    Best regards,
    Nikko

    #915409

    Hi Nikko,

    this is the page:

    Many thanks

    #915421

    Hi,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #full_slider_1 .avia-slideshow-inner .slide-1 .avia-caption-content p {
        background: rgba(0,0,255,0.2) !important;
    }
    
    #full_slider_1 .avia-slideshow-inner .slide-2 .avia-caption-content p {
        background-color: rgba(0,255,0,0.3) !important;
    }
    
    #full_slider_1 .avia-slideshow-inner .slide-3 .avia-caption-content p {
        background-color: rgba(255,0,0,0.3) !important;
    }
    
    #full_slider_1 .avia-slideshow-inner .slide-4 .avia-caption-content p {
        background: rgba(0,0,255,0.2) !important;
    }
    
    #full_slider_1 .avia-slideshow-inner .slide-5 .avia-caption-content p {
        background-color: rgba(0,255,0,0.3) !important;
    }

    The codes are arranged per slider, just adjust the background color, let us know if you need further assistance :)

    Best regards,
    Nikko

    #915432

    Thanks Nikko.

    That works great. Does it only work with RGB and not #79b949 codes?

    Also, how do I style the button to be in the same colours as the content boxes?

    many thanks

    Dom

    #915543

    Hi Dom,

    No, it does work also with hex values, I just used rgba so it can have those semi-transparent look. :)

    As for the buttons you can use:

    #full_slider_1 .avia-slideshow-inner .slide-1 .avia-slideshow-button {
        background-color: #79b949;
    }

    just change the background color, and .slide-x :)

    Best regards,
    Nikko

    #915586

    Thanks Nikko, that works great.

    • This reply was modified 6 years, 9 months ago by domvitz.
    #915596

    Hi,

    I’m glad Nikko was able to help, if you need additional help please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change colours on full width slider’ is closed to new replies.