[Resolved] Polaroid card, remove distance between cards

Please login to receive premium support.

Support for the free plugin can be found here.

Home › Forums › Pro Support › Polaroid card, remove distance between cards

Tagged: 

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.