Home › Forums › Pro Support › Distance between posts in a list
- This topic has 7 replies, 2 voices, and was last updated 2 years, 7 months ago by
elvin.
-
AuthorPosts
-
January 31, 2021 at 12:59 pm #26177
Bernhard
ParticipantHello,
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 #26251elvin
ModeratorHi 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 #26258Bernhard
ParticipantHello,
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 #26296elvin
ModeratorI’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/8LukdEAJIf 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 #26304Bernhard
ParticipantOK, done. What you have registered is the desktop view. The lists are only in the mobile view.
February 3, 2021 at 9:38 pm #26331elvin
ModeratorAh 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 #26342Bernhard
ParticipantIt works. Thank you 🙂
February 4, 2021 at 7:18 pm #26350elvin
ModeratorNo problem. Glad you got it sorted. 😀
-
AuthorPosts
- You must be logged in to reply to this topic.