How can I center align my blog posts on the main page?

Store Design
,
1

Hi

using Dawn 7.0.0

Need help with aligning the 4 posts in one line and centered on my main page, now looks like this:

NoapeledMercier_0-1684067210577.png
NoapeledMercier_0-1684067210577.png773×852 114 KB

on the blog page, I added section - page posts but there are one after the other and super big, any way to set them like a product page?

instead of like this:

NoapeledMercier_1-1684067301923.png
NoapeledMercier_1-1684067301923.png705×817 192 KB

2
  1. Modify the code within that section to display the blog posts in a centered, four-column layout. Here’s an example code snippet you can use:

  {% for post in blogs['your-blog-handle'].articles limit:4 %}
    

      
        
        ### {{ post.title }}
      
    

  {% endfor %}

​
3

thank you!

where do i need to paste it on code editing?

4

Hi @NoapeledMercier ,

Would you mind to share your URL store(with password)?

Thanks!

5

https://faceclub-il.com/

no pass

6

https://faceclub-il.com/

no pass

@Made4uo-Ribe

7

Hi,

Sorry Im taking time to solve this one whatever I do on CSS it wont listen. But I found it out that this happen because of width calculation. The only one can solve this totally are the Developer who can edit and enter in your store rewrite or edits the calculation. Mean time, the below solution can solve the problem.

Rose_Dim_0-1684231541623.png
Rose_Dim_0-1684231541623.png331×226 6.6 KB

If you know a bit of code you can change the max-width: from 25% to 24%.

The result will be like this.

Rose_Dim_1-1684231633720.png
Rose_Dim_1-1684231633720.png1243×515 187 KB

But in the mobile view or lesser screen view this will cause a problem.

As what I’ve told you need to have developer to solve permanently the calculation.

I hope it help.

8

thank you!