How Can I Center This Block In The Middle Of The Page?

Hey all, for the life of me I can't seem to be able to center this block! Can anyone help please?!

Center Product.png

Center Product 2.png

Add extra CSS class to the grid with this block so that we can help you

Add extra CSS class to the grid with this block so that we can help you

Thank you for your answer.

I'm not very technical, please help me understand what exactly do you need me to do. I checked the grid setting and it already has a 'User-defined CSS class' section.

Thank you.

Thank you for your answer.

I'm not very technical, please help me understand what exactly do you need me to do. I checked the grid setting and it already has a 'User-defined CSS class' section.

Thank you.

Right. Add the "center-home-block" value there and inform me here

Right. Add the "center-home-block" value there and inform me here

I did, it didn't work :/

Then go to the Theme editor and add the following code to the CSS section:

.center-home-block {
    width: 100%;
}
.center-home-block .ty-product-list{
    margin: 0 auto;
    max-width: 585px;
}

https://prnt.sc/1u1uom2

Then go to the Theme editor and add the following code to the CSS section:

.center-home-block {
    width: 100%;
}
.center-home-block .ty-product-list{
    margin: 0 auto;
    max-width: 585px;
}

https://prnt.sc/1u1uom2

i did, still didn't work :/ >>> https://prnt.sc/1u4romc

I do not see that the code is applied. Try to clear cache

I do not see that the code is applied. Try to clear cache

yes it's weird! as you can see in the photo: https://prnt.sc/1u4romc the code is there in the CSS but it doesn't show when I inspect.

what could be causeing this?

Please try

.row-fluid .center-home-block {
    width: 100%;
}
.row-fluid .center-home-block .ty-product-list{
    margin: 0 auto;
    max-width: 585px;
}

Please try

.row-fluid .center-home-block {
    width: 100%;
}
.row-fluid .center-home-block .ty-product-list{
    margin: 0 auto;
    max-width: 585px;
}

done, still no result :/

Please return the "center-home-block" class since it is removed now

Please return the "center-home-block" class since it is removed now

Thank you! It worked now :)