We're merging with GenerateBlocks! Learn more here.

[Resolved] Cards image size

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Cards image size

  • This topic has 23 replies, 2 voices, and was last updated 4 years ago by Tom.
Viewing 9 posts - 16 through 24 (of 24 total)
  • Author
    Posts
  • #11072
    Tom
    Keymaster

    This should help for some of that:

    .wpsp-card.wpsp-polaroid .wpsp-content-wrap {
        padding: 0;
    }
    
    .wpsp-row article:nth-child(even) .wp-show-posts-image {
        padding-left: 1.5em;
        box-sizing: border-box;
        padding-right: 0;
    }
    
    .wpsp-row article .wp-show-posts-image {
        padding-right: 1.5em;
        box-sizing: border-box;
    }

    The read more button is more difficult. Give this a shot: https://wpshowposts.com/support/topic/read-more-link-instead-of-button/

    #11080
    Bernhard
    Participant

    OK, I changed the read more thing.
    The problem with the CSS is, that now the images are smaller and the text goes up to the center of the page. The right and left borders are ok, but in the center the image shall end at the center, title & text shall have a padding.
    I made a new screenshot to explain this.

    #11082
    Tom
    Keymaster

    Not sure I understand. You can tweak the 1.5em padding value if you want to increase/decrease the spacing between the image and text?

    #11093
    Bernhard
    Participant

    OK. I’ve set the padding to 0.5em and it looks quite good.
    Last question: How can I set the margin to 0 – in the way, that images and text are aligned left and right with the other content – and how can I define a border.

    #11097
    Tom
    Keymaster

    Can you explain a bit more? I don’t understand.

    #11098
    Bernhard
    Participant

    I have inserted a new screenshot.
    Actually, there is a padding around the cards. If I set no background and border, this looks quite strange. I want the content of the cards on the same edge as the surrounding text and not the blank space around the content of the cards.
    Actually it is possible to define a border color in the columns settings but I would like to define the border a bit more, eg. box shadow, and need to know how to address this.

    #11111
    Tom
    Keymaster

    To remove the padding, try this:

    .wpsp-polaroid .wp-show-posts-inner {
        padding: 2em;
    }

    Box shadow would also require CSS, as there are no options for that right now.

    #11114
    Bernhard
    Participant

    Ok, I have inserted this and it works:

    .wpsp-polaroid .wp-show-posts-inner {
    	padding: 0;
    	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    }

    Thank you for your help. Great.

    #11183
    Tom
    Keymaster

    No problem 🙂

Viewing 9 posts - 16 through 24 (of 24 total)
  • You must be logged in to reply to this topic.