
Steps : To remove border from blogger images
Step 1. Log in to your Blogger account, then go to Template > Edit HTML.
Step 2. Click anywhere inside the code and search for following code ( CTRL+F ) :
]]></b:skin>
Step 3. Copy and paste the following code just above it :
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {
padding: 0px !important;
background: none !important;
border: 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;
}
Note: To remove border from mobile view goto Theme > Click on gear icon under mobile > Under 'Choose mobile theme' Select "Custom" and click Save.
Step 4. Save the Template.
That's it !
Now visitors of your blog will not see any border and shadow around your blog images. For any issues related to above tutorial comment below. Stay Updated, Browse Howbloggerz ! :)
Everything is fine from my end. Are you using custom Template? May be your template CSS are overriding the provided values.
Actually, New Line doesn't matter too much in coding, but it is necessary to add code to the right place because a single piece of misplaced code can affect your template.
Suggestion: Always backup your template before making any changes so that you can easily revert back if something wrong happens.
I am happy to hear that, this trick worked for you.
Yes, You can also add the given CSS in Custom CSS box of Template Customiser.
I will update my posts :)
I tried it by putting style="border:none;", still I the shadow not just leaving.
Yes, I am definitely going to create a tutorial on this topic :)
Setting border style to none is not going to work because the shadow around images is not due to border its actually due to "Shadow code" so, instead of setting border:none; add box-shadow: 0px 0px 0px transparent !important; to that particular image.
I hope this will help you.
Happy blogging.
Happy blogging!
Thanks for your suggestion White Oleander.
> check note under step 3.
}
.content-inner {
padding: 0px;
}]]>
.content-inner {
padding: 0px;
}
put it in step 3
Have a nice day!