Distance between posts in a list

This topic has 7 replies, 2 voices, and was last updated 2 years, 7 months ago by elvin.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
January 31, 2021 at 12:59 pm #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?
February 1, 2021 at 10:14 pm #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.

February 2, 2021 at 1:26 am #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.

February 2, 2021 at 9:31 pm #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/

February 3, 2021 at 3:53 am #26304

Bernhard
Participant

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

February 3, 2021 at 9:38 pm #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;
}
}
```
February 4, 2021 at 6:02 am #26342

Bernhard
Participant

It works. Thank you 🙂

February 4, 2021 at 7:18 pm #26350

elvin
Moderator

No problem. Glad you got it sorted. 😀
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

[Resolved] Distance between posts in a list