Full width slider / Arrow buttons under title

Hey spapax,

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

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 - Easyslider navigation arrow */

#top .av_slideshow_full.av-control-default .next-slide:before,
#top .av_slideshow_full.av-control-default .prev-slide:before {
    line-height:50px;
}

#top .avia-slideshow-arrows a {
max-height:50px;    
}

#top .avia-slideshow-arrows a.next-slide {
transform: translateY(150px);
left:100px;
}
#top .avia-slideshow-arrows a.prev-slide {
transform: translateY(150px);
left:50px;
}

/* End CSS */

Best regards,
Vinay

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 - */
#top .container.caption_container {
    max-width: 100%!important;
}


/* End CSS */

Best regards,
Vinay

Hi Spapax,

That’s correct, there is no easy way to align a relative and absolute positioned elements so I made both of them absolute positioned :)

Glad it worked for you :) Let us know if we can go ahead and close this ticket.

Don’t forget to bookmark Enfold Documentation for future reference.

Thank you for using Enfold :)

Best regards,
Vinay