search

pmoreno-rodriguez / grav-theme-editorial

Editorial is a GravCMS port of the Editorial theme from HTML5Up.net.
https://editorial.pmdesign.dev
Other
15 stars 4 forks source link

Blog design. #43

Open learningtime2025 opened 10 months ago

learningtime2025 commented 10 months ago

While i was reading post https://github.com/pmoreno-rodriguez/grav-theme-editorial/issues/40 i looked at the site of that author. seems like missing some code for blog titles to be the same height. as example the page: https://www.tppickleballclub.org/club-business/meetings-2020

blog-screen

1 and 2 must be the same height (is autoheight using maximum for all possible with css only?) 3 and 4 must be the same height too So the 5 and 6 will be on one line that will lead to overall looks good.

learningtime2025 commented 10 months ago

Temporary workaround:

in file /user/themes/editorial/templates/partials/blog-list-item.html.twig change lines 7 and 8 to:

    <{{Htag_title}} class="blog-title">{{ title|raw }}</{{Htag_title}}>
    <p class="blog-article">

in file /user/themes/editorial/assets/css/custom.css add something like:

.blog-title {
    min-height:3lh;
}

.blog-article {
    min-height:10lh;
}