WordPress settings custom CSS: set image rounded corners and shadows

Spread the love

Effect View

The left side is the default image

Rounded corners and bottom shadow are added on the right side

Setting custom CSS allows a certain CSS style to be added, which can be applied to a certain element or to all articles.

Setup Steps

Open the admin backend

Click Appearance

Click Customize

Click Additional CSS

Put in the code

img{
    border-radius:10px;
    margin-bottom:10px;
    box-shadow: 5px 5px 10px -4px #999;
    border:1px solid #eee;
}

Click publish

Tips

At this time, you can view the pictures in the article

They will have rounded corners and shadows, appearing more three-dimensional and softer

It is a way to increase the user’s reading experience

Leave a Reply

Your email address will not be published. Required fields are marked *