- This topic has 28 replies, 2 voices, and was last updated 3 years, 11 months ago by
.
-
Posts
-
Hello,
We have this post view, built with elementor.(scroll down behind the video and cta)
Can we achieve the same result with wp show posts so we can remove the elementor block?And can we achieve the first view shown here?
Thanks!
Hi there,
Both should be possible, although you might need a little CSS help from us.
Let me know if you run into any issues 🙂
Hello again!
Just installed (and activated) the plugin (WP Show Posts Pro) but I can’t find anywhere its options.
Its nothing in the admin left handside menu, neither in the editor.Is the free WP Show Posts plugin installed as well? Both the free and pro versions need to be active.
OK! Here is what I was missing 🙂
Thanks!I will try myself and then I guess I will need to come back for assistance in order to replicate the post views I mentioned
Hello once again
I am up to here
trying to replicate this (without excrept and metas).I wouldn’t call it very close 🙂 and (I think) I can’t make it much closer with the provided settings
Ι also need to narrow the container size to something similar to the sample (i.e. 1300px).
Would really appreciate your assistance.
Can you try using the 1.0-beta (https://docs.wpshowposts.com/article/beta-testing/)? Then you can use the base card, which looks like this: https://demos.wpshowposts.com/cards/
You’ll need to set the container of your content to something more narrow, or the images need to be much wider.
I am using the 1.0 beta.
I will switch it to the base card and give it a try.
I will need to come back for some bits and pieces missing compared with the sample.Is there any ready-made (cards or something) styling that can be used as a starting point in order to achieve the other post view I mentioned in my initial post?
Tried it. Its much closer than my try 🙂
Some things that need to be adjusted:
Image zoom not to overflow (see sample, now it grows on its width).
Center title text
TItle text not to exceed image width
Cards to come closer vertically
Center “Load more” button (can I also change the text?)and can you please give me the whole wpshow posts container selector, so I can adjust the whole width?
Thanks!
1. You don’t want it to grow? It shouldn’t by default, the issue is that your image isn’t wide enough to fill the container. Reducing the width of the post container should fix this.
2. This CSS should do it:
.wp-show-posts-entry-title { text-align: center; }3. Not sure what you mean here? You don’t want it to go down onto two lines?
4. Reduce the padding value inside your list settings.
5. Some CSS:
.wpsp-load-more { text-align: center; }You can change the text with a filter:
add_filter( 'wpsp_ajax_load_more', function() { return 'Load next'; } );Hello it seems to be ok. Just some small bits:
3. I don’t ming having it in two lines. What I wanted is the title width not to exceed the image width. Now I narrowed the post container it seems to be ok.
4. Where from? All I can find in the settings is adjunsting the padding between the columns.Can you please help me reduce the line height of the title?
I am trying this but it doesn’t seem to work.hentry .wp-show-posts-inner .wp-show-posts-entry-header .wp-show-posts-entry-title a{ line-height:1.0px; }Thanks
4. It should be in the columns area: https://www.screencast.com/t/JeOiZPsW
Try this:
.hentry .wp-show-posts-inner .wp-show-posts-entry-header .wp-show-posts-entry-title { line-height:1; }Second one seems to be working with
.wrapper .wrapper_inner .content .content_inner .full_width .full_width_inner .wpsp-card .hentry .wp-show-posts-inner .wpsp-content-wrap .wp-show-posts-entry-header h2{
line-height:80% !important;
}And first one with:
.wrapper .wpsp-card article{
margin-bottom:15px !important;
}
- You must be logged in to reply to this topic.