[ourphnParticipant]

Hi,

I have used some css code to add a shadow to the images on this page http://www.ourphn.org.au/wordpress/promotional-publications/.

However, when I add a hyperlink to the image (so it can link to a PDF), it moves my shadow from just around the image to the whole image box.

How can I keep the shadow just around the image (like it is in the ‘Mental health road map’ image) but still link the image to something.

The css code I am using is

.x-img-none { box-shadow: 10px 10px 5px #888888; }

Thank you

[ourphnParticipant]

This reply has been marked as private.

[JadeModerator]

Hi there,

Please try this code instead:

.x-img-none img {
    box-shadow: 10px 10px 5px #888888;
}

Hope this helps.

[ourphnParticipant]

Yep, worked a treat. Thank you

[Paul RModerator]

You’re welcome! 🙂

[Author]

Posts