How can I center articles and contents in blog page? Theme Minimal

[TomoTana]

Hello,

I would like to center the contents on blog page on desk top. I read many related articles and tried several codes but no success…

I would very appreciate if you could show me which code to add and exactly where.

Thank you!!

[Zworthkey]

@TomoTana
We are happy to help you .
kindly share your store url.

Thank you

[TomoTana]

Hello, thank for the help offer.

www.toolly.de

is my store url.

looking forward to receiving your help.

[Zworthkey]

I can’t get blog in your store or i didn’t find any more.

[Kinjaldavra]

hello @TomoTana

can you please share your content on blog page preview URL

[TomoTana]

https://toolly.de/blogs/diy/tray-makeover

Thx

[Zworthkey]

@TomoTana
add this code in timber.scss

.grid, .grid--full, .grid--rev, .grid-uniform {
    margin-left: 90px !important;
}

thank you.

[Kinjaldavra]

hello @TomoTana

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 769px) {
    .template-article .grid {
    margin-left: 90px !important;
}
}

[TomoTana]

HI,

I tried to add the code and it seemed it did not work, so I deleted the code now the whole site looked totally messed up.

I get the error messsage “Invalid CSS after “}”: expected “}”, was “” at 3167”

Now I realized mine was assets/theme.scss, not assets/theme.css.

Is that the reason? I need a immediate help.

thank you.

[Kinjaldavra]

hello @TomoTana

can you please share your assets folder screenshot

[TomoTana]

Hi,

I tried the code you provided and the article was centered but a little gap on the right side of screen appeared (please see below screenshot), so I deleted the code and tried the different code which was provided by another shopify partner, but it did not seem to work, so I deleted that code and now my site is completely messed up.

I even get an error message “Invalid CSS after “}”: expected “}”, was “” at 3167”.

I am contacting this other partner for help to correct this issue. When this problem is solved, I will ask you again to fix the gap on the right side of the screen.

Thank you.

[TomoTana]

This is the screen shot of the last part of theme.scss.liquid.

Please help, very upsetting…

Thank you.

[TomoTana]

to Natztech,

You probably meant this

thank you.

[Fbonanho321]

great answer. tks