Image Styles

December 24, 2013|

This is what the image will look like when you insert it into a post or page. Of course with the exception of blog posts which have a nice glow effect that gets added automatically around them, you get have that capability which will be demonstrated below. Adding a glow is simply by adding the class image-glow to the <img> tag and get a result like the second image you see below:

image-styles

How to Add a Glow

After you insert your image into your post or page, switch to the “Text” tab of your editor and look for the image source code. You should see a class already added to the <img> tag, but we need to add one more. For example, this is how the second image code looks like from the demo site:

<img class="size-full wp-image-130 image-glow" alt="image with a glow" src="path-to-image.jpg" width="250" height="250" />

I added the class “image-glow” to the end of the string of other classes showing.

 

Categories: Setup Tutorials for Luminescence Lite

Leave a Reply