Community @ The Turning Gate

Support community for TTG plugins and products.

NOTICE

The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.

This forum is now closed, and exists here as a read-only archive.

  • New user registrations are disabled.
  • Users cannot create new topics.
  • Users cannot reply to existing topics.

You are not logged in.

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

rod barbee
Moderator
From: Port Ludlow, WA USA
Registered: 2012-09-24
Posts: 17,830
Website

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: http://www.w3schools.com/css/css_border.asp
To learn about box-shadows: http://www.w3schools.com/cssref/css3_pr_box-shadow.asp


Rod 
Just a user with way too much time on his hands.
www.rodbarbee.com
ttg-tips.com, Backlight 2/3 test site

Offline

Board footer

Powered by FluxBB