Customize blog grid - Support | Kriesi.at

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

Author

Posts
June 4, 2025 at 9:00 am #1485068

itsjona
Participant

Hi Enfold team,

I am using the blog grid to display my blog posts, but I don’t like the big gap between each picture and post title. Is there a way to make it smaller? Also I would prefer it, if the columns were aligned, especially the titles and the “read more” button. Is that possible and if so, how do I do that?

Thanks in advance!

June 5, 2025 at 5:34 am #1485101
Ismael
Moderator
Hey itsjona,

Thank you for the inquiry.

Did you add this css code?
```
.slide-image {
    display: block;
    height: 400px;
    line-height: 400px;
    overflow: hidden;
}
```
This stretches the height of the image container, creating space between it and the post title. Please remove the css or adjust the values of the height and line-height properties.

Best regards,
Ismael
June 5, 2025 at 6:18 am #1485105

itsjona
Participant

Hi Ismael, thank you, I removed that css and now it looks much better. No idea why I added that in the first place. But the buttons and that part with the date and number of comments still don’t line up, Is there a way to fix that?

June 5, 2025 at 6:26 am #1485107
Ismael
Moderator
Hi,

If you need the buttons and post meta info (date, comments) to align, you can either apply a minimum height to the post title and excerpt, or make sure they have the same number of characters, which is probably not ideal. To do the former, you can add the following css code:
```
#top .avia-content-slider .slide-entry-title {
    min-height: 118px;
}
```
In the end, the position of the “read more” button will depend on the length of the title and post excerpt.

Best regards,
Ismael
June 5, 2025 at 11:12 am #1485115

itsjona
Participant

Thank you for your answer. Unfortunately, there is a new problem, I cannot save the changes after adding the css code, I always get the message “Saving didnt work! Please reload the page and try again”. I have the newest version of Enfold installed, and the error persisted when deactivating all plugins.
It might be a problem that’s not connected to Enfold because I also cannot delete or update plugins. When I try, I get this error: Löschen fehlgeschlagen: <!DOCTYPE HTML PUBLIC “-//IETF//DTD HTML 2.0//EN”> 403 Forbidden Forbidden You don’t have permission to access this resource.

June 6, 2025 at 5:00 am #1485130

itsjona
Participant

Hi Ismael, today I was able to enter the css and save it, no more weird errors. However, the meta info is still not aligning, but I think I will try to solve it via title and excerpt length. Thank you for your kind help!

June 6, 2025 at 6:24 am #1485137
Ismael
Moderator
Hi,

Thank you for the update.

You can also try this css code:
```
#top .slide-entry .slide-content {
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
```
You may need to remove the previous css code and adjust the min-height on different screen sizes using css media queries.

View post on imgur.com

Best regards,
Ismael
June 6, 2025 at 6:48 am #1485139

itsjona
Participant

That worked, thank you so much for your help!

June 7, 2025 at 7:40 pm #1485189

Mike
Moderator

Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike
Author

Posts

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

The topic ‘Customize blog grid’ is closed to new replies.