WP5000

WordPress Tips, Tricks and Techniques

How To Make a “Fancy Image”

Which do you like better?

Or

If you liked the first one, you’re all set. If you like the ‘snapshot’ style, then you’ll find it is very easy to implement in classic WordPress.

You can add these lines to a CSS file:

.fancyimg
{
border-radius:15px;
box-shadow:8px 8px 8px silver;
}

Then you can add the class name fancyimg to any image, like so:

<img src='https://wp5000.com/wp-content/uploads/cat-whiskers-300x293.jpg' class='fancyimg'>

In FSE (Full Site Editing) themes, also known as Block Themes, it’s a bit more tricky. The Image block has an outer element which will usually show weird space around the image. For FSE, what you need to do is add the image as an HTML element.


Leave a Reply

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

There is no need to be confused, frustrated, or waste time with WordPress issues. I’ll be glad to help with phone or screen sharing. I charge $2/minute, with no minimum. The typical call runs 9 minutes ($18). If I can’t efficiently solve your problem, there’s no charge for the call. Contact me any time at (805)-843-5353. You’ll enjoy my friendly, informative manner! – Jeff


Categories