Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #789841

    Hi there,

    I’m using the fullwidth easy slider on my homepage, and each slide has captions. I’d like to extend the caption background across the full width of my screen, but so far my attempts haven’t worked. How can I achieve this? Thank you in advance!

    #789940

    Hey 1lizcollins,
    Try this code in the General Styling > Quick CSS field:

    .page-id-5 .avia-caption-title, slideshow_align_caption {
    width: 100% !important; 
    }
    .page-id-5 .av_slideshow_full .container.caption_container {
    padding: 0px !important; 
    }
    .page-id-5 .slideshow_inner_caption {
    padding: 0px !important; 
    }

    Best regards,
    Mike

    #790454

    Thank you Mike!

    That code has helped – the caption background now spans the full content width of the page, but I’m using a stretched layout I want the background to stretch all the way to the edge of the screen. How can that be achieved?

    Thank you!

    #790757

    Hi,
    Try adding this code:

    .responsive .container {
        max-width: 1500px!important; 
    }
    
    .caption_fullwidth .container {
    margin: 0px !important; 
    }

    Best regards,
    Mike

    #796623

    Yes, that worked. Thank you! You can mark this as solved.

    #796894

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Full-Width Easy Slider – Stretch caption background full width’ is closed to new replies.