How come the Module images are not aligned?

Posted in: Newsmag
Post count: 45

Hello tagDiv team and supporters!

I noticed when creating the front page of my website, the module images are not always aligned. For example, if I use Module 1, the left image is slightly lower than the right image..
I think this is because of the Headline text for the post – some headlines take up 2 lines, some take only 1.

How can I make it so that every image in the modules look aligned?

Thanks!

Post count: 9544

Link or screenshot ?

Did you regenerate the thumbnails so they are all the same size?

Post count: 7909

Hi,

Please provide your site URL so we can take a look. Also like Chris suggested please follow this guide to fix strange thumbnails: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/

Thanks!

Post count: 45

here’s an example:
http://www.goproace.com/wp-content/uploads/2015/04/screen_module_imagealign_6apr15.png

I did regenerate the thumbnails, but it might not be the reason the images are out of alignment.
As shown on the screenshot, some headlines take up 3 rows, and some take up 2 rows.

I want to have the headline text be consistently 2 or 3 rows, then possibly everything will be in alignment? I just don’t know how to do that yet.

Thanks again

Post count: 45

here’s an example:
http://www.goproace.com/wp-content/uploads/2015/04/screen_module_imagealign_6apr15.png

I did regenerate the thumbnails, but it might not be the reason the images are out of alignment.
As shown on the screenshot, some headlines take up 3 rows, and some take up 2 rows.

I want to have the headline text be consistently 2 or 3 rows, then possibly everything will be in alignment? I just don’t know how to do that yet.

Thanks again

Post count: 7909

Hi,

Yes, that’s the problem like you figured out – http://screencast.com/t/7NAHtsY2t2 if you have titles on 2 rows it looks fine – http://screencast.com/t/t5fwh006f1t
Unfortunately even if you reduce the excerpt will not solve this issue.
This issue can be solved only with custom css(add it in Theme Panel > Custom Css) to add a minim height on the title: http://screencast.com/t/hEfV7Z5tEy3v

.category .td_module_5 .td-module-title {
min-height: 80px !important;
}

Hope this helps!

Post count: 45

You are awesome Alin!

Look forward to conversing with you more in the future, and also me giving back to this community.

Cheers!

Post count: 45

Issue resolved!

Viewing 8 posts - 1 through 8 (of 8 total)
The forum ‘Newsmag’ is closed to new topics and replies.