Aligning ‘read more’ button

  • Resolved kaysterk

    (@kaysterk)


    3 years, 8 months ago

    Hi there,

    I’ve built a media center with the Premium Addons blog function. I’ve added a ‘read more’ button and I would like to align this on the some (bottom) height of the card.

    I don’t see this function in the editor and I don’t know how to target the read more button in CSS.

    Any chance you could help me? ??

    Kind regards,

    Kay

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi @kaysterk,

    Thanks for contacting Leap13 support!

    You can achieve that by custom CSS. Please navigate to widget settings > Advanced tab > Custom CSS and copy/paste the below CSS:

    .premium-blog-excerpt-link-wrap {
    text-align: center;
}

    Regards

    Hi @kaysterk,

    We didn’t hear back from you, so please let me know if you need any further assistance on the above.

    Regards

    Thread Starter kaysterk

    (@kaysterk)

    Hi, thanks for getting back to me!
    This only centers the read more botton to the middle, however I would like to space the read more button evenly at the bottom of the card.

    Hi @kaysterk,

    Well, I would be so glad to check things further from your end, so could you please share a link so I can provide a proper help?

    Regards

    Thread Starter kaysterk

    (@kaysterk)

    I’ve added the plugin on the following page: https://www.debx-medical.com/media-center/

    So I would like to align the button to the bottom of the card or space all the content evenly over all card. Since some titles vary in length it’s not all aligned.

    Hi @kaysterk,

    Hope you’re having a great day ??

    Could you please copy/paste the below CSS to your widget custom CSS and let me know if it did the trick?

    .premium-blog-content-wrapper-inner{
  min-height: 100% !important;
  position: relative !important;
}

.premium-blog-excerpt-link-wrap {
  position: absolute !important;
  bottom: 0px !important;
}

.premium-blog-content-wrapper {
  height: 350px !important;
}

    Regards

    Thread Starter kaysterk

    (@kaysterk)

    That absolutely did the trick, thank you so much! ??

    Hi @kaysterk,

    Great, I’m so glad that everything is working just fine with you now ??

    If you still need any further assistance, please let me know.

    We would be grateful It would be great if you could please do us a BIG favor by rating Premium Addons for Elementor on our WordPress page.

    Have a great day!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Aligning ‘read more’ button’ is closed to new replies.