- This topic has 6 replies, 2 voices, and was last updated 1 year ago by
Ying.
-
AuthorPosts
-
January 31, 2020 at 2:55 pm #1150882
Julie
Hi,
Is it possible to change the magazine grid on the top of the home page to have 3 blog posts instead of 4?
JulieFebruary 1, 2020 at 4:51 am #1151198David
StaffCustomer SupportHi there,
1. Go to Dashboard > WP Show Posts and edit the Header list and change it to display 3 posts.
2. Customizer > Additional CSS – find this CSS:
@media (min-width: 900px) { .wpsp-grid .wp-show-posts { grid-template-columns: repeat(8, 1fr); grid-template-rows: 1fr auto; } .wpsp-grid .wp-show-posts article:first-child { grid-column: 1 / 5; grid-row: 1 / 4; } .wpsp-grid .wp-show-posts article:nth-child(2) { grid-column: 5 / end; grid-row: 1 / 2; } .wpsp-grid .wp-show-posts article:nth-child(3) { grid-column: 5 / 7; grid-row: 2 / 4; } .wpsp-grid .wp-show-posts article:nth-child(4) { grid-column: 7 / end; grid-row: 2 / 4; } } @media (max-width: 899px) and (min-width: 600px) { .wpsp-grid .wp-show-posts article { grid-column: span 4; } .wpsp-grid .wp-show-posts article:nth-child(3), .wpsp-grid .wp-show-posts article:nth-child(4) { grid-row: 3; grid-column: span 2; } }
And replace it with:
@media (min-width: 900px) { .wpsp-grid .wp-show-posts { grid-template-columns: repeat(8, 1fr); grid-template-rows: 1fr auto; } .wpsp-grid .wp-show-posts article:first-child { grid-column: 1 / 5; grid-row: 1 / 4; } .wpsp-grid .wp-show-posts article:nth-child(2) { grid-column: 5 / end; grid-row: 1 / 2; } .wpsp-grid .wp-show-posts article:nth-child(3) { grid-column: 5 / end; grid-row: 2 / 4; } .wpsp-grid .wp-show-posts article:nth-child(4) { grid-column: 7 / end; grid-row: 2 / 4; } } @media (max-width: 899px) and (min-width: 600px) { .wpsp-grid .wp-show-posts article { grid-column: span 4; } .wpsp-grid .wp-show-posts article:nth-child(3), .wpsp-grid .wp-show-posts article:nth-child(4) { grid-row: 3; grid-column: span 4; } }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/February 4, 2020 at 2:23 pm #1154666Julie
Thank you!
February 4, 2020 at 4:53 pm #1154756Julie
Is it possible to include the excerpt on the second and third stories in the magazine grid. Right now it only shows the excerpt for the first story.
February 5, 2020 at 2:12 am #1155060David
StaffCustomer SupportOf course – just remove this CSS:
.wpsp-grid article:not(:first-child) .wp-show-posts-entry-summary, .wpsp-grid article:not(:first-child) .wp-show-posts-entry-meta-below-post, .wpsp-grid article:not(:first-child) .wpsp-read-more { display: none; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/January 20, 2022 at 2:34 pm #2087929Edivaldo
Is it possible to display a “spacing” between grid blocks?
Grateful!
January 20, 2022 at 2:42 pm #2087937Ying
StaffCustomer SupportHi Edivaldo,
Can you open a new topic with your site link?
And point us to the grids you want to add spacing.
Thanks!
-
AuthorPosts
- You must be logged in to reply to this topic.