Archived topic

Image Tools?

7 replies · Started by James on March 6, 2016

Viewing posts 1–8 of 8

March 6, 2016 at 4:13 am #177375

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

March 6, 2016 at 10:36 am #177421

Probably no need for a plugin, just use CSS3.

For example:

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

March 6, 2016 at 11:22 am #177433

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

March 6, 2016 at 12:34 pm #177441

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 {

}

March 6, 2016 at 12:54 pm #177443

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

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

March 6, 2016 at 10:44 pm #177500

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

March 7, 2016 at 2:02 am #177530

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

March 7, 2016 at 12:15 pm #177638

No problem :)

This archived topic is closed to new replies.