Ever After Theme (photo problems)

brandiamanda · Member · Nov 3, 2015 at 1:03 pm
Copy link

Add topic to favorites
Has anyone ever had the free Ever After theme? On my laptop my signature is transparent, but when I post it on a blog post it shows a white background. To see what I’m talking about look here:
https://grannybrandi.wordpress.com/2015/11/03/granny-brandi/
If anyone has any advice I would really appreciate it!

The blog I need help with is: (visible only to logged in users)
kathrynwp · Staff · Nov 3, 2015 at 9:28 pm
Copy link
All images in posts and pages in Ever After have a box shadow effect around them by default. I’m not sure why you’re not seeing it on your laptop, but my guess is perhaps the colour calibration or contrast is different so it’s less obvious that it’s there.

This is where it’s coming from in the theme’s CSS:
```
#recent-content img, .entry-content img, .entry-image img, .entry-thumb img, .comment-content img, .widget img {
    border: 0 none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    height: auto;
    max-width: 98%;
    padding: 10px;
}
```
To get rid of the border, flip to HTML/Text view and find the signature image in the code – it looks like this:

<img class="alignnone wp-image-24 size-thumbnail" src="https://grannybrandi.files.wordpress.com/2015/11/drawing-5.png?w=150" alt="Drawing-5" width="150" height="100" />

Add a bit of inline code to remove the box-shadow:

style="box-shadow:none;"

Your final code should look like this:

<img style="box-shadow:none;" class="alignnone wp-image-24 size-thumbnail" src="https://grannybrandi.files.wordpress.com/2015/11/drawing-5.png?w=150" alt="Drawing-5" width="150" height="100" />

Let me know how it goes.
nizamilputra · Member · Nov 4, 2015 at 6:50 am
Copy link
I think we also should make the background transparent / none. Because the white background came from css.

<img style="box-shadow:none; background: none" class="alignnone wp-image-24 size-thumbnail" src="https://grannybrandi.files.wordpress.com/2015/11/drawing-5.png?w=150" alt="Drawing-5" width="150" height="100" />
kathrynwp · Staff · Nov 4, 2015 at 4:33 pm
Copy link
nizamilputra – good call!
brandiamanda · Member · Nov 4, 2015 at 5:19 pm
Copy link
nizamilputra that worked! Thank you both so much for your help!
kathrynwp · Staff · Nov 4, 2015 at 5:58 pm
Copy link
Excellent, glad to hear it!

No items found.