When I use a long word in the text of an image caption, the alignment of the whole caption gets shifted and misaligned.
Hi,
Thanks for contacting us!
That seems to be related to padding and quite honestly expected when font size is big for mobile. Possible solutions would be decreasing font size or decreasing padding on mobile.
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 480px) {
.av-image-caption-overlay-center {
font-size: 24px!important;
}}
If that does not help, please post a link of your page :)
Cheers!
Yigit
Hi, this is not on mobile, it’s actually just a small image in desktop view. See it here: http://gemwaterfront.com/#gem
If I use the word “Masterplan” instead of “Phase”, it messes up the text alignment. I had to change the wording because of this issue.
Hey,
Could you please enable developer options – https://kriesi.at/documentation/enfold/intro-to-layout-builder/#how-to-use-developer-options in Enfold theme options and then edit your element and give it a custom class (“your-custom-class” in example below) and then add following code to Quick CSS in Enfold theme options > General Styling tab?
.your-custom-class .av-image-caption-overlay-center {
padding: 0 20px;
}
After seeing the actual image, i think 3rd option would be using a wider image, if that is possible :)
Regards,
Yigit
Thanks for your help. I tried that, but it didn’t change anything. I think as you suggested I’ll try widening the image.