/blogger/community?hl=en
This content is likely not relevant anymore. Try searching or browse recent questions.
-
10/9/19
There are space between photos in each post, how to remove it? 1 Recommended Answer 11 Replies 0 Upvotes
1 Recommended Answer
$0 Recommended Answers
Last edited 10/9/19
Previously, there are space between photos. Through other tutorial, I included the javascript below and it work perfectly to remove the spacing.
However, few months later, it seems like this script is no longer helpful, there is space between photos again! Anything I can do to remove the space between the photos?

<script language='javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[

/**
this script was written by Confluent Forms LLC http://www.confluentforms.com
for the BlogXpertise website http://www.blogxpertise.com
any updates to this script will be posted to BlogXpertise
please leave this message and give credit where credit is due!
**/

$(document).ready(function(){
 $('.post-body').find('img').each(function(n, image){
        var image = $(image);
        image.parent().css('margin-left',0).css('margin-right',0).css('margin-top',0).css('margin-bottom',0);
    });
});
//]]></script>
All Replies (11)
10/9/19
You would need to contact the owner/developer of that script and ask them if they have a newer version that works.
marked this as an answer
Helpful?
10/9/19
Hi,
The top margin for photos is set in this template (forced by !important). This can be changed. How?
Go to your dashboard https://www.blogger.com -> Theme tab -> Edit HTML -> search for:
.post-body img

and remove only this line:

margin-top: 5px !important;

save theme.
marked this as an answer
Helpful?
-
10/10/19
Hi WebLove.PL,
The space that I saw from my blog is after each of my photos, you may refer to the attachment here.
I think the problem that caused it is because the link that imposed by Blogger when I upload the photo:

<a href="https://1.bp.blogspot.com/-MYfHiQkvjvo/XU97ebmgpSI/AAAAAAAAIZ4/HdFlAigoddEVRD7qb527v38ND32r1ECaACLcBGAs/s1600/484.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="532" data-original-width="800" src="https://1.bp.blogspot.com/-MYfHiQkvjvo/XU97ebmgpSI/AAAAAAAAIZ4/HdFlAigoddEVRD7qb527v38ND32r1ECaACLcBGAs/s1600/484.JPG" /></a></div>

The margin-left: 1em; margin-right: 1em caused the there is space after each photo.
I can do it manually by changing the 1em to 0em, but with so many post, it take forever to edit them.
Do you have other way to overcome this?

marked this as an answer
Helpful?
10/11/19
These are side margins, so does not cause before and after breaks. You must change the top and bottom margins. Please remove what I indicated - then the gaps between two photos will disappear.
 
+ Each time you press enter, you add an additional <br/> tag(s) that moves you to a new line and can also create an empty space between paragraphs, photos, etc.
marked this as an answer
Helpful?
3 days
Sorry I never saw this post! Yes, follow the advice of WebLove.PL :)

I'll go back in and look at the script to see why it's not working.

Best, David
marked this as an answer
Helpful?
This question is locked and replying has been disabled.
Discard post? You will lose what you have written so far.
Write a reply
10 characters required
Failed to attach file, click here to try again.
Discard post?
You will lose what you have written so far.
Personal information found

We found the following personal information in your message:

This information will be visible to anyone who visits or subscribes to notifications for this post. Are you sure you want to continue?

A problem occurred. Please try again.
Create Reply
Edit Reply
Delete post?
This will remove the reply from the Answers section.
Notifications are off
Your notifications are currently off and you won't receive subscription updates. To turn them on, go to Notifications preferences on your Profile page.
Report abuse
Google takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Go to the Legal Help page to request content changes for legal reasons.

Reported post for abuse
Unable to send report.
This reply is no longer available.
/blogger/threads
//accounts.google.com/ServiceLogin
You'll receive email notifications for new posts at
Unable to delete question.
Unable to update vote.
Unable to update subscription.
You have been unsubscribed
Deleted
Unable to delete reply.
Removed from Answers
Marked as Recommended Answer
Removed recommendation
Undo
Unable to update reply.
Unable to update vote.
Thank you. Your response was recorded.
Unable to undo vote.
Thank you. This reply will now display in the answers section.
Link copied
Locked
Unlocked
Unable to lock
Unable to unlock
Pinned
Unpinned
Unable to pin
Unable to unpin
Marked
Unmarked
Unable to mark
Reported as off topic
/blogger/profile/0?hl=en