Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 18, 2020 at 1:54 am #1268282
    navindesigns

    In the screenshot I attached, you can see that the circles are not aligned to the bottom of the column. Is there any way I can make those circles flush to the bottom of that section?
    wholebook

    Live site

    Home

    December 20, 2020 at 12:12 pm #1268754
    Rikard

    Hey navindesigns,

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

    .avia-image-container.amazon img {
    padding-top: 69px;
}

    Best regards,
    Rikard

    December 20, 2020 at 6:24 pm #1268822
    navindesigns

    Thanks. Is there any way for the image to cover the entire height of the section so there is no space at the top of bottom?

    December 21, 2020 at 6:19 am #1268957
    Nikko

    Hi navindesigns,

    We have added this code in your Quick CSS:

    .avia-image-container.amazon {
    display: flex;
    align-items: flex-end;
}

    Please review your site :)

    Best regards,
    Nikko

    December 21, 2020 at 3:54 pm #1269056
    navindesigns

    Thanks but I am still seeing some extra space at the bottom of the image

    December 21, 2020 at 4:20 pm #1269071
    Nikko

    Hi navindesigns,

    I have replaced it with this code:

    .avia-image-container.amazon {
    position: absolute;
    bottom: 0;
}

    Let us know if you need further assistance.

    Best regards,
    Nikko

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