We're merging with GenerateBlocks! Learn more here.

[Resolved] Distance between posts in a list

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Distance between posts in a list

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #26177
    Bernhard
    Participant

    Hello,
    I prepared lists without images for mobile devices.
    My problem is the distance of the posts in the list. The settings are more or less the same, but the lists have different distances.
    In this sample, after the first paragraph is injected on mobile the list 19259 with 3 posts. Below is the list 37159 with two pages, but the distances are missing.

    I’m using this CSS:

    .entry-content .wp-show-posts-entry-title {
        min-height: unset;
    }
    .entry-content .wp-show-posts:not(.wp-show-posts-columns) .wp-show-posts-single:not(:last-child) {
        margin-bottom: 0.5em;
    }

    How can I solve the problem?

    #26251
    elvin
    Moderator

    Hi there,

    I’m not sure I fully understand what you’re trying to do.

    I’ve checked the sample page you’ve mentioned and I didn’t see any lists w/ IDs 19259 and 37159 within the page source.

    Is this the actual page you’re working on? if not, can you link us to the page you’re currently working on to check?

    Let us know.

    #26258
    Bernhard
    Participant

    Hello,
    I use Advanced Ads to trigger the lists to be shown only in the mobile view.
    Above is the list [wp_show_posts id="19259"] injected after the 1st paragraph via [the_ad id="22605"] group [the_ad_group id="2076"]

    After the TOC are
    [the_ad id="37146"] which inserts the lists [wp_show_posts id="37158"] containing 1 post and [wp_show_posts id="37159"] containing 2 pages.

    The problem is the ID 37159. It is set to 1 columns but there is no margin between the rows.

    I could give you a temporary access if it helps.

    #26296
    elvin
    Moderator

    I’m still not sure If I’m seeing the right page. Is this the page I should be looking at(the sample page you’ve linked)?
    https://share.getcloudapp.com/8LukdEAJ

    If so, I still don’t see the WPSP list with the ID of 37159. (Searched through the codes)

    I could give you a temporary access if it helps.

    You send the details and the page in question on our contact page.
    https://wpshowposts.com/contact/

    #26304
    Bernhard
    Participant

    OK, done. What you have registered is the desktop view. The lists are only in the mobile view.

    #26331
    elvin
    Moderator

    Ah I see. It’s visible on actual mobile devices only.

    It doesn’t have the same spacing because it’s a completely separate section. The even spacing between posts are only applied on WPSP children under the same post but since its a completely different list, it doesn’t apply a margin-bottom: 0.5em;

    Add this CSS to emulate the spacing between the 2 WPSP lists.

    @media(max-width:768px){
    section#wpsp-37158 {
        margin-bottom: 0.5em;
    }
    }
    #26342
    Bernhard
    Participant

    It works. Thank you 🙂

    #26350
    elvin
    Moderator

    No problem. Glad you got it sorted. 😀

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.