Styling for [image] shorcode

[mikewolf1127]

How do I add a border, shadow, height, width, etc. to an image placed with the [image] shortcode?

[paul.r]

Hi,

You can add a class to your image shortcode then add your style to that class.

For example

1. Add Class

[image class="my-image" type="thumbnail" src="http://yourdomain.com/image.jpg" alt="Text"]

2. Add this in Theme Options > CSS

.my-image {
     border:1px solid red;
     height:300px;
     width:300px;
     box-shadow: 5px 10px #888888; 
}

Additional Info:
http://demo.theme.co/integrity-1/shortcodes/images/
https://www.w3schools.com/css/default.asp

Hope this helps

[mikewolf1127]

Worked. Thanks.

[rad]

You’re welcome!