Site News text and images out of alignment

johnchansa
@johnchansa
8 years ago
195 posts
I have noticed that text and images from my blog posts are always out of alignment when posted in Site News on the home page(large gaps in between).See example below.
On Site News the text/images are spread out or spaced vertically.How can I sort that out.
updated by @johnchansa: 08/16/16 08:53:33AM
douglas
@douglas
8 years ago
2,791 posts
Hello,

I've been trying to replicate what your screen shots are showing and I have not been able to do that, have you modified the templates for that section or am I misunderstanding what you've done.

To me it looks like a list of news titles, in which case the Nova skin was not setup that way, or is it just a single news entry with embedded images?

Thanks!


--

Douglas Hackney
Jamroom Team - Designer/Developer/Support
FAQ-Docs-Help Videos
michael
@michael
8 years ago
7,715 posts
do you want the large gaps inbetween or not? which is your goal setup?
johnchansa
@johnchansa
8 years ago
195 posts
Sorry for my late response.I had a busy week at work.
The screenshots showed one news post with embedded images(aligned to the right).The screenshot on the admin blog shows exactly how the news item should appear(no gaps)
However on the home page site news section,the gaps appear.I want to remove the gaps in between.
Below is a second set of screen shots showing the misalignment.
Screenshot 2.jpg
Screenshot 2.jpg  •  303KB

Screenshot 1.jpg
Screenshot 1.jpg  •  322KB


updated by @johnchansa: 05/07/16 04:20:10AM
michael
@michael
8 years ago
7,715 posts
by 'the gaps appear' I assume your talking about the space above the right image which stops the right image from being inline with the top of the left image.

The reason for that is that you have a
<br>
in between each of the paragraphs.

On the front page page, your code is:
<p style="margin-bottom: 0cm; line-height: 100%;"><img width="171" height="178" alt="196" style="margin:1px;float:left;" src="http://zambia.musicportal.co/upimg/image/upimg_file/65/196"></p>
<br>
<p style="margin-bottom:0cm;line-height:100%;text-align:center;"><img width="310" height="173" alt="196" style="margin:1px;" src="http://zambia.musicportal.co/upimg/image/upimg_file/64/196"></p>

But on the profile page, there is no br, its just:
<p style="margin-bottom: 0cm; line-height: 100%;"><img width="171" height="178" alt="196" style="margin:1px;float:left;" src="http://zambia.musicportal.co/upimg/image/upimg_file/65/196"></p>
<p style="margin-bottom:0cm;line-height:100%;text-align:center;"><img width="310" height="173" alt="196" style="margin:1px;" src="http://zambia.musicportal.co/upimg/image/upimg_file/64/196"></p>

Tags