- This topic has 22 replies, 3 voices, and was last updated 2 years ago by
.
-
Posts
-
can i do a layout like this on wp show posts?
so yeah ideally what i want is 1 main post on the left with a bigger featured image and some excerpt underneaath then maybe 3 or 4 posts on the right
is there a way to set the image size of the image on the featured post and also the image sizes for the remaining posts?
https://ibb.co/xJ8fFFm – here are some more examples of what i’m trying to accomplish
Hi there,
This would require you to add two lists to the page with different settings. You would need the second list to use the “Offset” feature so it doesn’t display the post in the first list.
It’s not possible using one single list, unfortunately.
ok i’m happy to use 2 lists if that’s a work around?
here is a theme using the bit i want on “health”
https://themegrilldemos.com/colormag/
it seems weird i can’t do this with GPP and WPSP?
Hi there,
could i use it with the lightweight columns plugin also?
LGC is deprecated. Use its successor, GenerateBlocks.
You can use GB’s Grid block set to 2 columns where the both columns contain WPSP lists with the right one having offset as Tom mentioned.
but generateblocks is only for gutenberg isn’t it? i use the classic editor
Ah right that’s true.
I’d recommend using Gutenberg as Classic editor is officially up for obsoletion by the end of this year.
But if you must use LGC, then you’re free to try although that plugin is deprecated as well. It’s pretty old so how it functions may be quite difficult to work with.
also is it possible to change the width of one of the lists? i would like the one on the right like about 80% of what it is
ok i’ve sort of done it, is there a way to change the spacing between the title and the excerpt?
Try this CSS:
#wpsp-1234 .wp-show-posts-entry-summary { margin-top: 20px; }Replace
1234in#wpsp-1234with your target WPSP ID.also is it possible to change the width of one of the lists? i would like the one on the right like about 80% of what it is
You can do that with CSS:
Example:
#wpsp-1234{ width: 80%; }Replace
1234in#wpsp-1234with your target WPSP ID.
- You must be logged in to reply to this topic.