Blog items are indented

lauranoordijk
2 Posts
lauranoordijk posted this 12 April 2021

Hi!

For our new website for a scouting group I use themler (Joomla). To post the latest news, I use the blog functionality. I have created a number of news items and provided the blog page with all the elements I want to display.

http://www.sintjorisgroep5.nl/new36/nieuws-media/laatste-nieuws

As you can see, the second line of blogs is indented, so that the news items 5 through 8 do not line up (just like news items 1 through 4).

Through this website I had already read that you should add an empty container to a blog post. It is in it. That seemed to be going well, but when adding a new news item, the blogs jump back to multiple lines and aligned to the right.

How can I solve this?

Hi! For our new website for a scouting group I use themler (Joomla). To post the latest news, I use the blog functionality. I have created a number of news items and provided the blog page with all the elements I want to display. http://www.sintjorisgroep5.nl/new36/nieuws-media/laatste-nieuws As you can see, the second line of blogs is indented, so that the news items 5 through 8 do not line up (just like news items 1 through 4). Through this website I had already read that you should add an empty container to a blog post. It is in it. That seemed to be going well, but when adding a new news item, the blogs jump back to multiple lines and aligned to the right. How can I solve this?
Vote to pay developers attention to this features or issue.
3 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 12 April 2021

Hello Laura,

Right now I don't see any indent on the left or right for the second grid line.
Or do you mean different grid items height:

Screenshot-1.png

Gina
Themler Support

Hello Laura, Right now I don't see any indent on the left or right for the second grid line. Or do you mean different grid items height: !Screenshot-1.png! Gina Themler Support
lauranoordijk
2 Posts
lauranoordijk posted this 12 April 2021

Hi Gina,

Thanks for your quick reply!

I have enclosed my situation in the pictures. What struck me is that Firefox works fine, which is remarkable, since your screenshot was taken in Google Chrome, which is also what I use.

The different heights of the grid items is exactly what I want. Hopefully you can see what I mean by my screenshots.

It is also striking that when I zoom out my Google Chrome browser (to 90% for example), it places all news items the way I want them.

In a few tests (while writing this message), it appears that it may have to do with the size of the screen. Everything looks good on my 15 inch laptop screen, just like on the ipad and my phone. As soon as I open the site on my 27 inch monitor, the skipping happens as shown in the screenshot.

Hopefully I explained it a bit understandably.

Greetings,
Laura

Hi Gina, Thanks for your quick reply! I have enclosed my situation in the pictures. What struck me is that Firefox works fine, which is remarkable, since your screenshot was taken in Google Chrome, which is also what I use. The different heights of the grid items is exactly what I want. Hopefully you can see what I mean by my screenshots. It is also striking that when I zoom out my Google Chrome browser (to 90% for example), it places all news items the way I want them. In a few tests (while writing this message), it appears that it may have to do with the size of the screen. Everything looks good on my 15 inch laptop screen, just like on the ipad and my phone. As soon as I open the site on my 27 inch monitor, the skipping happens as shown in the screenshot. Hopefully I explained it a bit understandably. Greetings, Laura
Support Team
Support Team posted this 13 April 2021

Hello Laura,
Now I understand the issue, thank you.

But I am not able to reproduce it. You can check screenshots from two different devices I have, attached.

I tried zooming in and out, resizing the browser, tested Firefox as well as Google Chrome. I can see that at some specific width, there are empty spaces appearing, but only as a flash, then the width for each grid item is recalculated and they all go to their places, as they should.

Maybe you can still see the issue on your end due to browser cache, try clearing it. If it still happening, please, provide step by step flow how this can be reproduced.

Gina
Themler Support

Hello Laura, Now I understand the issue, thank you. But I am not able to reproduce it. You can check screenshots from two different devices I have, attached. I tried zooming in and out, resizing the browser, tested Firefox as well as Google Chrome. I can see that at some specific width, there are empty spaces appearing, but only as a flash, then the width for each grid item is recalculated and they all go to their places, as they should. Maybe you can still see the issue on your end due to browser cache, try clearing it. If it still happening, please, provide step by step flow how this can be reproduced. Gina Themler Support
You must log in or register to leave comments