2011-06-08

Remove border around Blogger images

The usage of the "Available on the App Store" badge is strictly defined by the App Store Marketing Guidelines. Therefore, the default border applied to each and every image uploaded to Blogger isn't acceptable and needed to be removed.
The best place to put the badge in is in an image widget in the sidebar, but there is no option to disable the border around the images, so I had to find a way to disable it in the HTML template.
It was easier as I thought, because searching for img in the template lead me to the following CSS-definition line:

.post-body img, .post-body .tr-caption-container, .Image img,
.BlogList .item-thumbnail img {
  padding: $(image.border.small.size);

  background: $(image.background.color);
  border: 1px solid $(image.border.color);

  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

As it can be seen the border and the shadow definitions apply to the image widget as well, therefore simply removing the reference to the desired class (in my case .Image img) resulted in the outcome visible in the sidebar.

6 comments:

  1. You know your projects stand out of the herd. There is something special about them. It seems to me all of them are really brilliant! vShare iOS 9

    ReplyDelete
  2. This type of message always inspiring and I prefer to read quality content, so happy to find good place to many here in the post, the writing is just great, thanks for the post. XmodGames iOS 11

    ReplyDelete
  3. I have read your blog it is very helpful for me. I want to say thanks to you. I have bookmark your site for future updates. Pangu

    ReplyDelete
  4. This is such a great resource that you are providing and you give it away for free. I love seeing blog that understand the value. Im glad to have found this post as its such an interesting one! I am always on the lookout for quality posts and articles so i suppose im lucky to have found this! I hope you will be adding more in the future... Jailbreak iOS 11.3

    ReplyDelete
  5. Nice to see this type of posts.

    ReplyDelete