Hi,
is it possible to make Fullwidth Easy Slider caption frame fullwidth? I’d like to get the frame (only the background, not text) all the way from left to right.
Hey tammiviestinta,
Please try the following in Quick CSS under Enfold->General Styling:
.avia-fullwidth-slider .slideshow_caption {
padding: 320px 0 0 0;
}
.avia-fullwidth-slider .caption_container {
padding: 0;
}
.avia-fullwidth-slider h2.avia-caption-title {
width: 100%;
}
Best regards,
Rikard
This is now better, but still not 100% wide.
This is what I have in Quick CSS now:
.caption_framed .slideshow_caption .avia-caption-title {
background: rgba(103, 134, 161, 0.6)!important;
}
.caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-title{
font-weight: 400;
}
.avia-fullwidth-slider .slideshow_caption {
padding: 320px 0 0 0;
}
.avia-fullwidth-slider .caption_container {
padding: 0;
}
.avia-fullwidth-slider h2.avia-caption-title {
width: 100%!important;
}
Hi,
Thanks for the update. Please try this instead:
.avia-fullwidth-slider .slideshow_caption {
padding: 320px 0 0 0;
}
.avia-fullwidth-slider .caption_container {
padding: 0;
width: 100%;
max-width: 100%;
}
.avia-fullwidth-slider h2.avia-caption-title {
width: 100%;
}
Best regards,
Rikard