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!
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!
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
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
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!