Unable to Left Justify and Center Content on Main Pages, Selectors?

Store Design
1

Hello,

My main pages will not left justify and center content. I’ve spent over an hour working on it. I can usually fix things like this with my limited CSS knowledge, but even in Chrome Dev, I can’t seem to find the right selector or code to make the changes. The selectors I have pulled using tools either aren’t correct, or my rules aren’t correct. Could someone please take a look for me? https://shopultrafine.com/pages/contact-options

Thank you for any help!

2

To solved the issue,

You can access to: Admin → Theme → Customize Code → assets → base.css then add the code bellow to that file:

.page-width,
.page-width--narrow{
    margin-left: auto;
    margin-right: auto;
}
3

Thank you!!

May I ask - how should I know when to use something basic like this instead of identifying a selector by class or ID from Chrome Dev?

4

Those are develop’s skill hahaa. And If you don’t know how can use css then when you use Dev Tool Chrome to detected elements, you will also not know how to fix it.

I saw you have the store with good design and many products. If you need to person can maintain or customize just let me know ==)))

5

Hi @Juicebox

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.page-width,.page-width--narrow{
    margin: 0 auto !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly