Polaroid card, remove distance between cards

Tagged: polaroid

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

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

Author

Posts
January 12, 2021 at 7:06 am #25333

Ola
Participant

Hi!

Is it possible to remove the distance between the cards (vertically?). I’d like for the images to “touch corners” for a more compact look.

(I have other WP SP Pro sections below on page, I’d like the adjustment only at the first/Polaroid section.

Example: https://www.stag1.ikigai.se/blogg/

Best regards,

/Ola

January 12, 2021 at 7:20 pm #25374
elvin
Moderator
Hi,

Is it possible to remove the distance between the cards (vertically?). I’d like for the images to “touch corners” for a more compact look.

It’s definitely possible with CSS.

Are you aiming for something like this?
https://share.getcloudapp.com/WnulPpzW

If so, add this CSS:
```
#wpsp-5316.wpsp-card .wp-show-posts-single {
    margin-bottom: 0;
}

#wpsp-5136.wpsp-card.wpsp-polaroid .wpsp-content-wrap, .wpsp-polaroid .wp-show-posts-inner {
    padding: 0;
}
```
January 13, 2021 at 1:50 am #25399
Ola
Participant
Hi, thanks for your reply!

That’s exactly what I am aiming for! Thanks for your solution!

For any future users that wants to do the same thing, I had to adjust the code somewhat, adding !important tag and correcting 2 typos in the second statement:
```
#wpsp-5316.wpsp-card .wp-show-posts-single {
    margin-bottom: 0 !important;
}

#wpsp-5316.wpsp-card .wpsp-polaroid .wpsp-content-wrap, .wpsp-polaroid .wp-show-posts-inner {
    padding: 0;
}
```
January 13, 2021 at 7:33 pm #25439

elvin
Moderator

Nice one. Glad you got it sorted. No problem. 🙂
Author

Posts

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

You must be logged in to reply to this topic.

[Resolved] Polaroid card, remove distance between cards