Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1169288

    When I use a long word in the text of an image caption, the alignment of the whole caption gets shifted and misaligned.

    Normal
    With a long word

    • This topic was modified 4 years, 11 months ago by bagha.
    #1169297

    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

    #1169306

    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.

    #1169308

    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

    #1169316

    Thanks for your help. I tried that, but it didn’t change anything. I think as you suggested I’ll try widening the image.

    #1169319

    Hey,

    Please do so and if you have any other questions or issues, please let us know :)

    Cheers!
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.