Hi there!
I’m using the blog post element with all my blogs in a 3 column grid. I noticed that the Read More buttons align differently depending on how long the blog excerpt is. Is there a way to set a default position for these so they are always aligned?
Regards?
Hi FamalcoGroup,
Can you give us a link to your blog page? we’ll try to give you CSS code that should help with the alignment.
Best regards,
Nikko
The attached is the link to my blog, but it is not live yet :)
Hi FamalcoGroup,
No worries, it wouldn’t matter if it’s not a live site yet as long as we can check it.
Can you try adding this CSS code in Enfold > General Styling > Quick CSS:
#top .avia-content-slider-inner .slide-entry-wrap {
display: flex;
}
#top .avia-content-slider .read-more-link {
position: absolute;
top: auto;
bottom: 180px;
left: 0;
right: auto;
}
#top .avia-content-slider .read-more-link .more-link {
position: static;
margin: 0 auto;
}
Best regards,
Nikko
Hi Nikko,
Thank you for this the red more button was aligned.
Regards
Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan Shannon
We can close this task thanks :)
Hi FamalcoGroup,
We’re glad that we could help :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko