How can I center headings and products in my online store's layout?

Store Design
1

I want to center my multicolumn and featured collection headings. Also I have only 2 products right now and I would like to center them too on the featured collection section, without making them bigger (a.k.a reducing amount of columns)

url is:https://thesnoozy.com/

password: 123

2

Hi @GeorgeRizos ,

This is PageFly - Advanced Page Builder.

You can try with this code:

Follow this:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.scss.css.

Step 3: paste below code in bottom of file → save.

.grid {

justify-content: center !important;

}

h2.title.h1 {

text-align: center !important;

}

PageFlyVictor_0-1668765071276.png
PageFlyVictor_0-1668765071276.png1346×430 280 KB

Hope that my solution works for you.

Best regards,

PageFly

3

thanks that worked!

1 Like
4

Hi @PageFly-Victor , I would also like the multicolumn heading to be centered

5

Hi @GeorgeRizos ,

You can try with this code:

Follow this:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: paste below code in bottom of file → save.

.title-wrapper-with-link {

justify-content: center !important;

}

PageFlyVictor_0-1668767207737.png
PageFlyVictor_0-1668767207737.png1221×318 30 KB

Hope that my solution works for you.

Best regards,

PageFly