Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #750161

    I found a piece of custom CSS code to bottom align the Read More button at the end of a blog post grid etc.

    .html_elegant-blog .avia-content-slider .slide-entry-title {
        min-height: 230px;
        overflow: hidden;

    The problem is that on my home page ( where I have one featured Blog Slider up top and then a grid of blog posts at the bottom, it aligns both of them which makes it very weird. Is there a code I can put in that will just align the post grid ones and leaves the top part alone?



    Hey kghorbani,
    Thanks a lot for your patience and for using Enfold.
    How did you want the read more button aligned for the top slider? They are all centered right now.

    Best regards,


    I would like to keep it the same in terms of center align. I don’t want there to be that much space between the excerpt and the read more. I have used the code to bottom align the other stuff but it just adds too much space. I want the excerpt to go back to being right under the test for the top one while keeping the rest of them on the bottom as is so the Read More is aligned properly on the bottom.


    I’m sorry, I have not found a way to modify one read more button without affecting all of them. You can request customization here, as this kind of customization as it is beyond the scope of support we can provide here.

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.