Hello!
On this weeks Blogger Design Help I am going to show you how to remove the shadow around images and the image lightbox.
Starting with the shadow.
Login to blogger, go to template and Edit HTML. Now press ctrl/command F (make sure you click into the coding box first). Now find this:
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
Once you find that (there should only be 1) Delete this:
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);
-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);
And save! Now your images will have no shadows :)
Now for the lightbox (Shown above)
Go to Settings and Post and comments.
Now find Showcase images with Lightbox and next to it yours should say yes so click it and change it to no.
And your done, now when you click on a image it will go onto a different page by itself.
I hope you enjoyed this post :)
I don't know why but the top photos of Soldier (My dog) have such I bright colour :-/
Have an amazing day, Ruby xx
No comments :
Post a Comment
Please feel free to comment and join the conversation, but please keep it friendly :)