- This topic has 23 replies, 2 voices, and was last updated 4 years ago by
.
-
Posts
-
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/
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.Not sure I understand. You can tweak the
1.5empadding value if you want to increase/decrease the spacing between the image and text?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.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.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.
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.
- You must be logged in to reply to this topic.