18 May 2015

BTT #2 | AUTO RESIZE PHOTOS & REMOVE SHADOWS

This is a personal preference of mine, and something I always recommend and implement whilst creating a blog design for a client. It gives your whole blog an extremely streamline and professional feel and makes your blog much easier to follow when scrolling. I also recommend upping the anti by making your text justified so that it reaches the edges of your images to create a really solid effect. This is a pretty easy thing to add to your blog with just a couple of steps. This works best when you use only landscape images however it does work for portrait as well as long as your image is large to start with (so there's no stretching or pixelation) The great thing about this tutorial is that it also removes those ugly shadows that blogger thinks we want around our images!

HOW TO DO IT

Firstly head to the CUSTOMISE section of your blog and then ADVANCED > ADD CSS. Add the code below into the box and then click enter.

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  width:680px;
  height:auto!important;
  float:left!important;
  padding: 0px!important;
  border: 0px!important;
  background: none!important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
}

You should automatically see a difference in your photos however you may need to play around with the WIDTH to make your photos the right fit. If you have a white background I suggest you make the background black and add the separator line in ACCENTS (you can change these back afterwards, it just means you can see the edges of your post section easier to make your photo the right width. Be sure to press APPLY TO BLOG. Finally when adding images to your posts choose original size and align left, this makes the spacing perfect! Let me know if you have any questions and request any future tutorials below :)
Share: Pin This Email This

MEET THE AUTHOR: Serena Ozgowicz is a 24 year old Puggle owner with a passion for beauty, crafts and coding! You can follow her on facebook, twitter and instagram. Thank you for reading this post!

No comments//

Post a Comment

CUSTOM BLOG DESIGN STYLED BY PRETTYWILDTHINGS