Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 10, 2024 at 7:12 am #1433875
    carmentvaalba

    Hello I want to put the title of the images in the bottom, like in the image I send you, and in CSS (but in each image) I have to change to this:

    .av-image-caption-overlay-center p:first-child {
    margin-top: 170px;
    }

    But what exactly i have to put in that field to achieve this?

    February 10, 2024 at 11:44 am #1433898
    Rikard

    Hey carmen,

    I’m not sure that I fully understand your question. Could you post a link to where we can see the element in question, and try to explain what you are looking to achieve a bit further please? If you have a screenshot highlighting your intentions, then please share that with us.

    Best regards,
    Rikard

    February 11, 2024 at 7:26 am #1433963
    carmentvaalba

    Hello this is the example https://faceclinic.es/prueba/
    The text over the image i want to be in the bottom of the page, not in the middle.
    But i want to put css only in this image, so in the filed we have in > DEVELOPER SETTINGS >Custom CSS Class
    ….What I have to put there?

    February 11, 2024 at 11:43 am #1433977
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

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

    Best regards,
    Rikard

    February 11, 2024 at 12:21 pm #1433983
    carmentvaalba

    Thank you, but if I do that, the position of the text will change in all images all over my website, but I only want to change that in 1 image.
    How can I do it?

    February 11, 2024 at 3:12 pm #1433998
    Mike

    Hi,
    The css that Rikard posted above is specific for the one image on your page, note the specific class .av-lsh4cogd-a3efe67e0d537b1ce26e3bade8c60c08.
    You can also add the page ID if you wish:

    .page-id-1076599 .av-lsh4cogd-a3efe67e0d537b1ce26e3bade8c60c08 .av-image-caption-overlay-center {
  vertical-align: bottom;
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.

    Best regards,
    Mike

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