Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 8, 2017 at 9:03 pm #789841
    1lizcollins

    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!

    May 9, 2017 at 3:15 am #789940
    Mike

    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

    May 9, 2017 at 4:57 pm #790454
    1lizcollins

    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!

    May 10, 2017 at 2:27 am #790757
    Mike

    Hi,
    Try adding this code:

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

.caption_fullwidth .container {
margin: 0px !important; 
}

    Best regards,
    Mike

    May 19, 2017 at 3:35 pm #796623
    1lizcollins

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

    May 20, 2017 at 3:08 am #796894
    Mike

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

    Best regards,
    Mike

  • Author
    Posts
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.