Adding Box Shadows to Images

  • I am trying to add box shadows to the images I have uploaded to my site. I do not have plugins or additional css options so I am not sure how or if I can add a shadow to the images on my page. Can someone please help me.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi,

    Unfortunately, that page link won’t work (it’s a link to edit a post) – are you able to provide a link for a front-end post where there is an image present?

    We could then suggest some ways to add some CSS to your site to add this shadow.

    Thread Starter kimberlykp

    (@kimberlykp)

    Hello,

    I think this is the right link. My apologies if it isn’t.
    https://165.227.191.240/index.php/doc/transitional-housing/#2512

    I am new to wordpress so I am not sure if that is the correct link you will need. I also do not have plugins on this site and I do not know what the theme is either. Someone else created it and I took over after them to update it.

    Thank you for your help!

    Moderator cubecolour

    (@numeeja)

    You should be able to achiieve this by adding a CSS rule to your custom styles in the WP customiser

    eg:

    
.content-wrapper img {
	box-shadow: 5px 5px 5px 5px #ccc;
}
    • This reply was modified 5 years, 11 months ago by cubecolour.
    Moderator bcworkz

    (@bcworkz)

    Requests for simple CSS code do not belong in the Developing WordPress forum. I’m moving this topic to Fixing WordPress. The topic URL is the same, it just shows up in a different forum.

    Thread Starter kimberlykp

    (@kimberlykp)

    My apologies, I didn’t mean to post this in the wrong forum. As you can tell I am completely lost and I still don’t quite understand where the code is supposed to go for the shadow but thank you for help anyway.

    Moderator bcworkz

    (@bcworkz)

    No worries at all. We know determining the best forum is not always intuitive.

    If you want to try cubecolour’s CSS code, go to Appearance > Customize in the Admin menu. At the bottom of the left sidebar list is “Additional CSS”. Expand that panel and a textbox will appear, usually below a bunch of text that starts out saying “Add your own CSS code…”. Paste the CSS code into the textbox, then click “Publish” at the top of the screen.

    If there is already CSS code in the textbox, that’s OK, just add cubecolour’s code at the bottom of what’s already there.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Adding Box Shadows to Images’ is closed to new replies.