-
AuthorPosts
-
January 3, 2020 at 1:35 pm #1169288
When I use a long word in the text of an image caption, the alignment of the whole caption gets shifted and misaligned.


-
This topic was modified 5 years, 10 months ago by
bagha.
January 3, 2020 at 1:51 pm #1169297Hi,
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!
YigitJanuary 3, 2020 at 2:08 pm #1169306Hi, 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.
January 3, 2020 at 2:15 pm #1169308Hey,
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,
YigitJanuary 3, 2020 at 2:31 pm #1169316Thanks for your help. I tried that, but it didn’t change anything. I think as you suggested I’ll try widening the image.
January 3, 2020 at 2:34 pm #1169319 -
This topic was modified 5 years, 10 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
