[Resolved] Trying to replicate some post views

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Trying to replicate some post views

This topic contains 28 replies, has 2 voices, and was last updated by  Tom 4 months, 1 week ago.

Viewing 15 posts - 1 through 15 (of 29 total)
  • Author
    Posts
  • #8391

    ARGYRO LIAGKA
    Participant

    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!

    • This topic was modified 4 months, 3 weeks ago by  ARGYRO LIAGKA.
    • This topic was modified 4 months, 2 weeks ago by  Tom.
    #8397

    Tom
    Keymaster

    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 🙂

    #8404

    ARGYRO LIAGKA
    Participant

    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.

    #8405

    ARGYRO LIAGKA
    Participant

    Not even sure where do I have to enter the licence key.
    I must be missing something….

    #8417

    Tom
    Keymaster

    Is the free WP Show Posts plugin installed as well? Both the free and pro versions need to be active.

    #8425

    ARGYRO LIAGKA
    Participant

    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

    #8427

    ARGYRO LIAGKA
    Participant

    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.

    • This reply was modified 4 months, 2 weeks ago by  Tom.
    #8439

    Tom
    Keymaster

    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.

    #8444

    ARGYRO LIAGKA
    Participant

    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?

    #8445

    ARGYRO LIAGKA
    Participant

    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!

    #8455

    Tom
    Keymaster

    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';
    } );
    #8457

    ARGYRO LIAGKA
    Participant

    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

    #8465

    Tom
    Keymaster

    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;
    }
    #8469

    ARGYRO LIAGKA
    Participant

    Hello,

    For some reason both doesn’t seem to be working
    You can check it here

    • This reply was modified 4 months, 2 weeks ago by  Tom.
    #8470

    ARGYRO LIAGKA
    Participant

    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;
    }

    • This reply was modified 4 months, 2 weeks ago by  ARGYRO LIAGKA.
Viewing 15 posts - 1 through 15 (of 29 total)

You must be logged in to reply to this topic.