How to remove image shadow in Sempress (wordpress.com)?

dukewithfunnysocks · Member · May 30, 2016 at 6:13 pm
Copy link

Add topic to favorites
Can anyone help with the css code that I would need for removing the image shadow in the Sempress theme?
Thank you!

The blog I need help with is: (visible only to logged in users)
carladoria · Member · May 30, 2016 at 9:11 pm
Copy link
Hi there,
I was only able to find a very soft shadow around your images, are you referring to this shadow? If so, use the following CSS (paste in Customize>CSS):
```
entry-content img {
   box-shadow: none;
    }
```
officerstalksme · Member · Jun 5, 2016 at 8:21 am
Copy link
Thank you! I can’t seem to make it work, though?

I just pasted it like you wrote it..
officerstalksme · Member · Jun 5, 2016 at 8:25 am
Copy link
(Sorry, I have two profiles and accidentally used the wrong one! It’s still dukewithfunnysocks replying…)
thesacredpath · Member · Jun 6, 2016 at 2:07 pm
Copy link
Hi there, the above code is missing the period ( . ) before entry-content, like this.
```
.entry-content img {
    box-shadow: none;
}
```
officerstalksme · Member · Jun 7, 2016 at 7:46 am
Copy link
Thank you! Now it is gone in the blogposts. Can you also help me remove it in the widgets?
officerstalksme · Member · Jun 7, 2016 at 9:58 am
Copy link
I also would love some help with removing the lines between the widgets. Do you know how to do that?
thesacredpath · Member · Jun 7, 2016 at 6:33 pm
Copy link
Replace the code you have now for the box shadow with the following which removes the box shadow on images everywhere and also removes the bottom border line on the widgets.
```
.site-header img, .entry-content img, .comment-content img, .widget img, #masthead img {
    box-shadow: none;
}
.widget {
    border-bottom: none;
}
```
officerstalksme · Member · Jun 9, 2016 at 6:50 am
Copy link
Thanks a bunch! That was very helpful :)

Can I trouble you one last time? I’m really new at this :) I would like to also remove the line in the header – the one under the menus. Do you know how to do that?
thesacredpath · Member · Jun 9, 2016 at 2:58 pm
Copy link
You are welcome, and for the line on the bottom of the menu, add this to make it disappear.
```
.main-navigation {
    border: none;
}
```
officerstalksme · Member · Jun 10, 2016 at 7:16 am
Copy link
Super! Thank you very much :)
thesacredpath · Member · Jun 10, 2016 at 5:15 pm
Copy link
You are welcome.

No items found.