-
AuthorPosts
-
August 30, 2018 at 3:31 pm #1003681
Hi,
I want my content slider titles to sit under each image.
I was given this code in another thread which mostly worked:
#av_section_2 .avia-content-slider .slide-entry-title {
position: absolute;
bottom: 10px;
}
.avia-builder-el-9 .slide-entry.flex_column.post-entry {
min-height: 200px;
}But the titles are still cut off. How can I have the titles at the bottom without them being cut off?
- This topic was modified 6 years ago by Yigit. Reason: fixed HTML
August 31, 2018 at 9:57 am #1003986Hey atifaijaz123,
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-builder-el-9 .slide-entry.flex_column.post-entry, #top .avia-content-slider-inner .slide-entry-wrap, #top .avia-smallarrow-slider, #top .avia-content-slider-inner { min-height: 275px; }
If you need further assistance please let us know.
Best regards,
VictoriaSeptember 6, 2018 at 3:32 pm #1006654Hi Victoria,
Thanks, but the suggestion didn’t work.
I combined the old code with the new:
#av_section_2 .avia-content-slider .slide-entry-title {
position: absolute;
bottom: 10px;
}.avia-builder-el-9 .slide-entry.flex_column.post-entry,
#top .avia-content-slider-inner .slide-entry-wrap,
#top .avia-smallarrow-slider,
#top .avia-content-slider-inner {
min-height: 275px;
}But now the titles are aligned from the bottom. How can I make the titles hang? Here is an image of what I mean:
Thanks for your time and patience
- This reply was modified 6 years ago by Yigit. Reason: fixed HTML
September 7, 2018 at 2:46 am #1006863Hi,
Please try this code in the General Styling > Quick CSS field, or in the WordPress > Customize > Additional CSS field:.avia-content-slider-element-container .slide-entry h3.slide-entry-title.entry-title { height: 35% !important; }
Please see the screenshot in Private Content area.
Please clear your browser cache and check.Best regards,
MikeSeptember 13, 2018 at 3:30 pm #1009446Hi Mike,
Thanks for your response.
The image you have in the private window is exactly what I want, but the code doesn’t seem to be working.
I entered it into the Quick CSS field, but now the titles are at the top again. I even tried viewing the page on two separate browsers.Any idea on why this might be happening?
- This reply was modified 6 years ago by Yigit.
September 14, 2018 at 3:01 am #1009755Hi,
I cleared your cache and added this css to WordPress > Customize > Additional CSS:#av_section_2 .avia-content-slider .slide-entry-title { position: absolute !important; bottom: 10px !important; } .avia-builder-el-9 .slide-entry.flex_column.post-entry { min-height: 300px !important; } .avia-content-slider-element-container .slide-entry h3.slide-entry-title.entry-title { height: 35% !important; }
and now the page views correctly, Please clear your browser cache and check.
Best regards,
MikeSeptember 20, 2018 at 3:13 pm #1012354Hi Mike,
Thank you for your continued support. This is better than what I had before, but it’s still not this: https://s6.postimg.cc/byfzrdgj5/2018-09-06_204245.jpg
After clearing my cache, this is what I see: https://ibb.co/d5xMuz
I also tried viewing the page in different browsers but it still looks the same. I hope we can resolve this.
Thanks again for your continued support.
- This reply was modified 6 years ago by Yigit. Reason: fixed HTML
September 21, 2018 at 4:45 am #1012612October 12, 2018 at 10:18 pm #1020868Hi Mike,
I’m using Safari and Chrome on a MacBook Pro
October 13, 2018 at 8:55 am #1021001Hi,
Thanks for the update. I’m using Chrome on a MacBook as well, and I’m seeing what Mike is seeing on my end.
Best regards,
RikardOctober 15, 2018 at 8:35 am #1021455 -
AuthorPosts
- You must be logged in to reply to this topic.