Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 1, 2016 at 3:57 pm #641578
    Daan

    First of all.. many many compliments for your Enfold theme – I absolutely love it!
    Although I do have one question.

    When I want to use the single image from the tab Media Elements, there is a great opportunity to add an always visible caption to the image – i’d like to use this but.. Is there any possibility that I could change the padding from the text? Now it’s in the exact middle of the image and I’d like it to be at the bottom of the image (a little bit above).

    Hope you can help me! Kind regards, Daan

    June 2, 2016 at 11:13 pm #642292
    Yigit

    Hey Daan,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av-image-caption-overlay-center {
    vertical-align: bottom;
}

    Best regards,
    Yigit

    June 3, 2016 at 8:41 am #642451
    Daan

    Hey Yigit,
    This solution works great! Thank you. Only there is still one problem. One of the texts “professionalisering” doesn’t align in the center of the image. I guess this is because the text is a little bit too long, but it should fit. Could you also help me with this?

    Kind regards, Daan

    June 4, 2016 at 7:42 am #642853
    Ismael

    Hey!

    We checked the page and the “professionalisering” is aligned correctly. Did you fix it? If not, please provide a screenshot of the issue.

    Best regards,
    Ismael

    June 6, 2016 at 7:53 am #643326
    Daan

    Oh that’s weird, because if i look at it it’s crooked.. I work on a mac with chrome. See email for the screenshot.
    Hope you can help.

    Kind regards,

    June 6, 2016 at 8:02 am #643330
    Daan

    oh.. it’s a noreply email.. see the attached link :-)

    June 6, 2016 at 11:52 am #643406
    Yigit

    Hi,

    Please try adding following code to Quick CSS as well

    .av-image-caption-overlay-center {
    padding: 0px 0.5em;
}

    Best regards,
    Yigit

    July 10, 2019 at 4:14 pm #1117499
    mayamaria

    Hi

    I would also like to align the text on the left side of the overlay. I have tried the above code, however the text is not shifting…

    .av-image-caption-overlay-center {
    vertical-align: left;
    }

    July 11, 2019 at 5:39 am #1117673
    Rikard

    Hi mayamaria,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av-image-caption-overlay {
  text-align:left;
}

    Best regards,
    Rikard

    April 8, 2020 at 2:33 pm #1201918
    robertopane

    Hello , can I please ask one more clarification.

    I add code to the Quick CSS under Enfold->General Styling obviuosly this applies to all captions of all images.
    Were do I add code for thes change to apply to a single specific image ?

    Thank you

    Roberto

    April 8, 2020 at 8:12 pm #1202001
    Yigit

    Hi Roberto,

    You can edit your image element and under Advanced > Developer Settings, you can insert a custom CSS class (“my-class” in example below) and use the code as following

    .my-class .av-image-caption-overlay {
  text-align:left;
}

    Best regards,
    Yigit

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