Custom CSS: Rounded corners and shadows

The below custom CSS will help you create the effect of rounded corners and a shadow on each post. This is possible using the free version of Spotlight only.

.FeedGridLayout__cell {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: -6px 6px 6px 0 rgb(0 0 0 / 15%);

The example below is showing 8 posts in 2 columns (with the "Gallery" template) and 32px of image padding. Here's what the end result looks like:

You're free to use the above CSS code or customise it as you wish.

The code can be added to either your theme's style.css file or in the "Custom CSS" section under Appearance > Customizer.

Did this answer your question? Thanks for the feedback! There was a problem submitting your feedback. Please try again later.

Still need help? Contact us Contact us