Community @ The Turning Gate

Support community for TTG plugins and products.

You are not logged in.

#1 2016-05-05 21:52:46

rod barbee
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 14,144

add border and shadow to inline images

I like using inline images next to text in the copy area. I also prefer these images to have a black border and a bit of drop shadow.
So I created a css rule that adds a border and shadow to any image in the main column or the sidebars:

.widget img, .the__copy img {
	border: 1px solid black;
	box-shadow: 2px 2px 4px rgba(0,0,0,0.4);

Adjust the border or box-shadow to your liking.

To learn about borders:
To learn about box-shadows:

Just a user with way too much time on his hands., Pangolin test site, Backlight 1.1.1 test site


Board footer

Powered by FluxBB