[Resolved] Image Tools?

[James]

I have been searching for a plugin that will work with GP to add some image effects, such as a shadow effect, etc. Any suggestions?

Thanks,
James

[Tom]

Probably no need for a plugin, just use CSS3.

For example:

.entry-content img {
    box-shadow: 5px 5px 5px #000000;
}

[James]

Thanks Tom, but will implementing this code affect all images? Featured images, etc?

• This reply was modified 8 years, 1 month ago by James.

[Tom]

That code will do images inside your content.

Post images:

.post-image img {
    /* CSS3 effects in here */
}

Page headers/featured images:

.page-header-image img {

}

All images site-wide:

img {

}

[James]

Hmmmm…assuming I have implemented it correctly, I am seeing no difference, Tom.

.page-header-image img {box-shadow: 5px 5px 5px #375b7f;
}

[Tom]

Can you link me to the page where it’s not working?

[James]

My bad… once I refreshed my browser the effects were there. Thanks!

[Tom]

No problem 🙂

[Author]

Posts