Question: For the Image Box element in TD Composer, what CSS would I add and where would it add it to move the title box to the bottom of the image? And also change the background color of the title box?
Or, is there a different element I could use that would have the title at the bottom (or top, I suppose)?
If there is not a way, I suppose I can edit each image individually and add the title myself at the bottom. But, thought I would ask first. Thanks!
Hi,
I could give you a code for that, the result would be like this
– https://www.screencast.com/t/oqi6WX0hpX
This code can be modified if you wish different results, let us know. It can be entered in Theme panel->Custom CSS section.
.td_block_image_box .td-custom-title {
top:auto;
bottom:0;
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
This one will change the background color and text color, for style 2 box
– https://www.screencast.com/t/jcgZzdJIba1
.td_block_image_box.td-image-box-style-2 .entry-title a {
background-color: yellow;
color: red;
}
Or you could try other elements that can display images
– https://www.screencast.com/t/igLH59jS
For example the title over image element has options to position the text at the bottom
– https://www.screencast.com/t/o5LA8Xh4
Thanks
Excellent! Did exactly what I wanted. Thank you!
Please mark this one closed, and the customer happy. 🙂
