[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
  • #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

    #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;
    }
    #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;
    }
    #25439
    elvin
    Moderator

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

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