Full Width Slider caption

Hey ste_thumbs,

Could you please attach a mockup of what you’re trying to achieve?

We do not see the images if you tried to attach any. Please upload the screenshot to a service like Dropbox and give us the lin ks here.

Best regards,
Victoria

Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - Caption above title */


#top .avia-fullwidth-slider .slideshow_align_caption {
    display: flex!important;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap:wrap;
}
#top .avia-fullwidth-slider h2.avia-caption-title,
#top .avia-fullwidth-slider .avia-caption-content {
   position: relative;
}

#top.avia-fullwidth-slider h2.avia-caption-title {    
    order:2;
}
#top .avia-fullwidth-slider .avia-caption-content {    
    padding: 0;
    order:1;
}

#top .avia-fullwidth-slider .avia-slideshow-button {
    order:3;
}

/* End CSS */

Best regards,
Vinay

Hi ste_thumbs,

Could you please give us a link to your website, we need more context to be able to help you.

Best regards,
Victoria

Hi ste_thumbs,

We need to see the actual css and html to be able to propose a solution for you. Please get back to us when you get the website to some testing server.

Best regards,
Victoria