Tagged: full width easy slider
I am wanting to position the title and caption on a full width easy slider in the centre at the bottom (without frame), but there is no option to do that – I can only have left aligned text – please see page below.
Can you please advise quick CSS that I can add in so the title and description will be bottom centre aligned.
Many thanks
Ivana
Hey Ivana,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content
{
width: 70%;
margin: 0 auto;
}
.avia_transform .av_slideshow_full .avia-caption-title {
width: 50%;
margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content
{
width: 100%;
margin: 0 auto;
}
.avia_transform .av_slideshow_full .avia-caption-title {
width: 90%;
margin: 0 auto;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hey Victoria
You’re a star! That worked. :)
I greatly appreciate you quick response.
Many thanks
Ivana