Make post grid symmetric squares
-
Hi Taras,
Thank you so much for helping out with the beautiful Hermes theme!
I put in CSS to make the posts grid symmetric squares, e.g. 3 columns wide. However, the CSS suddenly stopped working and the posts grid are now as default, making some of them very wide.
Please see this page: https://travelgrapher.com/posts/
I got help from you two times earlier with this issue in these threads:
https://premium-themes.forums.wordpress.com/topic/black-squares-on-homepage-grid/
https://premium-themes.forums.wordpress.com/topic/update-css-conflict/
The CSS I use is the below (row 287). I want it to apply to all pages showing posts grid.
@media (min-width: 992px) {
.content-area .hentry-grid .hentry {
width: 33%;
}
}#page .hentry-grid .entry-title {
font-size: 1.225rem;
}#page .hentry-grid .hentry {
height: 360px;
}.infinite-grid {
clear: none;
}.hentry-grid .hentry {
flex-grow: 0;
}All the best,
Erik
The blog I need help with is: (visible only to logged in users)
-
Hello Erik,
I apologize for the inconvenience. A new version of the theme has been released with a lot of fixes regarding the block editor, performance and accessibility. Now, your site is faster and more user-friendly compared to the previous version.
Also, we’ve added an option to change a grid layout in archive view, so there is no need to use a custom CSS.
To change the layout, please go to the Customizer: Theme Options > Grid Layout (https://snipboard.io/f2nyXE.jpg)
You can only keep this custom CSS (I remember you’ve mentioned that you do not your grid items to fill empty gaps):
.hentry-grid .hentry { flex-grow: 0; }
Please let me know if you have any additional questions.
Kind regards,
Taras -
Hi Taras,
That’s great, thanks for the information! Makes things a little bit easier :)
Erik
-
- The topic ‘Make post grid symmetric squares’ is closed to new replies.