Grid Design – Spatial Theme
-
I switched to a different theme that I like more. The thing that bothers me though is that the section after the featured content is a 3 column grid-like design, but I wish there was more spacing between the posts and the images aren’t aligned very well. I like having the columns, I just wish they were less compact. I am wondering if there is a way to alter this using CSS.
The blog I need help with is: (visible only to logged in users)
-
Hi there,
To increase the gap between columns, you will need to make use of Custom CSS.
Custom CSS is a feature of the WordPress.com Premium and WordPress.com Business plans.
https://en.support.wordpress.com/custom-css/This will help in increasing the gap between the columns:
.masonry .hentry { padding-right: 15px; }Please let us know if you have any more questions :)
-
This was really helpful, thank you! The only other concern I have is the columns start at the same point and it makes a straight line/block after the featured content. Is there also a way to make the columns slightly more scattered, so the appearance looks more organic/natural.
-
Is there also a way to make the columns slightly more scattered, so the appearance looks more organic/natural.Could you provide some more information on what you mean by scattered, any example?
-
I guess what I mean is that the posts initially start out at the same point creating a horizontal look. I would prefer if the second column were slightly lower so that the posts look less structured when they first appear on the page. Does this make better sense? Sorry!
-
-
Please try this CSS and see if this is what you are looking for-
.home #masonry article:nth-child(2n) { padding-top: 20px; } -
-
- The topic ‘Grid Design – Spatial Theme’ is closed to new replies.