Home › Forums › Pro Support › Trying to replicate some post views
- This topic has 28 replies, 2 voices, and was last updated 4 years, 8 months ago by
Tom.
-
AuthorPosts
-
March 27, 2019 at 1:36 pm #8391
ARGYRO LIAGKA
ParticipantHello,
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!
March 27, 2019 at 5:18 pm #8397Tom
KeymasterHi there,
Both should be possible, although you might need a little CSS help from us.
Let me know if you run into any issues 🙂
March 28, 2019 at 2:03 am #8404ARGYRO LIAGKA
ParticipantHello 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.March 28, 2019 at 4:55 am #8405ARGYRO LIAGKA
ParticipantNot even sure where do I have to enter the licence key.
I must be missing something….March 28, 2019 at 3:36 pm #8417Tom
KeymasterIs the free WP Show Posts plugin installed as well? Both the free and pro versions need to be active.
March 28, 2019 at 10:37 pm #8425ARGYRO LIAGKA
ParticipantOK! 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
March 29, 2019 at 12:37 am #8427ARGYRO LIAGKA
ParticipantHello 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.
March 29, 2019 at 4:15 pm #8439Tom
KeymasterCan 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.
March 30, 2019 at 1:04 am #8444ARGYRO LIAGKA
ParticipantI 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?
March 30, 2019 at 1:17 am #8445ARGYRO LIAGKA
ParticipantTried 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!
March 30, 2019 at 6:12 pm #8455Tom
Keymaster1. 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'; } );
March 31, 2019 at 1:31 am #8457ARGYRO LIAGKA
ParticipantHello 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
March 31, 2019 at 5:38 pm #8465Tom
Keymaster4. 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; }
March 31, 2019 at 9:42 pm #8469ARGYRO LIAGKA
ParticipantHello,
For some reason both doesn’t seem to be working
You can check it hereMarch 31, 2019 at 10:00 pm #8470ARGYRO LIAGKA
ParticipantSecond 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;
} -
AuthorPosts
- You must be logged in to reply to this topic.