Bloggy Help:

 photo socialmedia_zps413c1040.png  photo helpdeskbutton_zpsb16b6c42.png  photo instagram_zps73b3c07a.png  photo header_zps97df3d3e.png  photo needamakeover_zps6d19d8a9.png

How to Remove Shadows from the Simple Theme in Blogger


I have found that the Simple Theme is a really great theme to work with when designing blogs, but I always need to get rid of the pesky shadows to have a nice clean slate for designing.



All you have to do, is go to your Dashboard, and select Template‚ and Customize.




That brings you to your Template Designer, where you will need to go to your Advanced tab and click on Add CSS.























Here are the codes that you need to paste in that section.
To get rid of the Header Text Shadow, paste this:

.Header h1 { text-shadow:none; }

To get rid of the Post Area Background Shadow, paste this:

.content-outer { -webkit-box-shadow:none; box-shadow:none; }

To get rid of you Post Image, Sidebar Image, & Profile Image Shadows, paste this:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img { -webkit-box-shadow:none; box-shadow:none; }

That's It :) Super Simple!

Carolynn
Makin Cute Blogs |  Freebies, Tutorials, Resources, & Design Elements!

26 comments:

  1. Thank you, thank you, thank you for this post. I have been trying to figure out how to get rid of the shadow behind my post pictures FOREVER!!! Super helpful.

    ReplyDelete
  2. Thank you, this is very helpful! :-)

    ReplyDelete
  3. Not sure what I've done wrong, but it's not working for me :(
    Any suggestions?
    Angela

    ReplyDelete
  4. Thanks - I followed your instructions and it worked!!

    ReplyDelete
  5. Me, too. I am so grateful, but it's not working for me. I'd love to hear your suggestions!

    ~j hawk

    ps. this sort of tutorial is SO helpful!

    ReplyDelete
  6. For those of you that the tutorial is not working for, what web browser are you using? I think it may be a browser thing.... Let me know and I will try to look into it.

    Thanks!
    -Carolynn
    makincuteblogs.com

    ReplyDelete
  7. Thank you so much! was trying to work out how to do this for ages!

    ReplyDelete
  8. Thaaaaank youuuuu!!!! I can't tell you how much those shadows were bothering me!

    ReplyDelete
  9. I can't get this to work :(
    http://thewishfulartist.blogspot.com/
    Can anyone help out please?

    ReplyDelete
  10. i cant get this to work either :(
    email me at sincerelysk@gmail.com

    thanks!!
    sincerelysk.blogspot.com

    ReplyDelete
    Replies
    1. Are you using Chrome as your browser...that may be it. Let us know.

      Delete
  11. you are my hero!! thank you a million times!! :)

    ReplyDelete
  12. This was such an amazing help!! Only guide I found that used a css. Thank you so much!!

    Ashley xo

    ReplyDelete
    Replies
    1. Thanks Ashley!
      I just had to re-add the CSS to my other blog...for some reason it mysteriously disappeared. But it does work beautifully!

      Delete
  13. I cannot get any of the codes to work for me :(. Is chrome the issue? I really like chrome id hate to have to change

    ReplyDelete
    Replies
    1. Yes, it is probably the Chrome. Are you having issues with a gray shadow around your images?

      Delete
  14. I use Chrome and this code works beautifully for me. Thanks so much I love it!

    ReplyDelete
  15. I'm using firefox and I've never had css codes ever work for me, how can I edit the html code to change this? I've been trying to fix this for a week with minimal luck, well honestly the only think I've accomplished is removing the border line. Any help will be most appreciated!

    ReplyDelete
    Replies
    1. There are many sites that offer code and where to remove code in your actual HTML template...you may want to google what you're looking for...make sure and back up your blog before attempting to change the code. Good luck!

      Delete
  16. Hi! I just want to know how to align the text to the images now, I got rid of the shadows with the code but even though I select images to align left, there is that gap from the shadow border. So the images and text are at different distances from the left margin.

    ReplyDelete
  17. Thank you!!! This is so helpful!!!

    ReplyDelete
  18. Thanks for this tip. It worked like a charm and only took a minute or two.

    ReplyDelete
  19. Hi. I added all this code to my blog earlier today but I can't get rid of the shadows on the arrows for the blog archive. There another code to add?

    ReplyDelete

Comments are how we stay connected as bloggers. Let us know how you feel and we'll return the favor...stay calm and blog on!!! And guess what? You'll never find Word Verification on our blog...it gets kind of annoying when you can't read what WV wants you to verify right?

Note: Only a member of this blog may post a comment.

Outbrain