Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 5, 2022 at 12:46 pm #1367674
    Emmygraph

    Hello,
    Great Theme been using for years with lots of clients.

    How do I mean the buttons in columns line up horizontally. I have looked at previous support tickets and used the code below but didn’t work. WJat am I doing wrong and how can I achive this? thanks.

    ====== code =====
    .custom-class .avia-button-wrap {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    .custom-class .flex_column.av_one_third {
    padding-bottom: 70px !important;}

    Many thanks
    Emmy

    October 6, 2022 at 7:30 am #1367727
    Ismael

    Hey Emmygraph,

    Thank you for the inquiry.

    The position of the button will depend on the height or size of the featured image and length of the excerpt and the title. To make sure that the read more buttons will align with each other, you have to control the image size and the size of the excerpt.

    You can try this css code but we don’t recommend it because it will require adjustments on different screen sizes.

    .slide-entry-wrap {
    display: flex;
    overflow: hidden;
    grid-auto-rows: 1fr;
}

.slide-entry {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 70px;
}

.slide-content {
    min-height: 500px;
    position: relative;
}

.avia-content-slider .read-more-link {
    position: absolute;
    bottom: 0;
    width: 100%;
}

footer.entry-footer {
    position: absolute;
    bottom: 0;
}

    Best regards,
    Ismael

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