Align text in "Our Formula" section of PDP to rest of page.

[guisemen]

Hey Team,

I made some CSS adjustments to make the "Our Formula" portion of this page a different color (matching the area below it), but now the font is too far left.

Photo for reference.

Can you help me align this section on both PC and mobile?

Page: https://guisemen.com/products/green-stick

Thanks,

Will

[PageFly-Noah · Accepted solution]

Hi @guisemen 

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
div#shopify-section-template--16836595548393__f33f916e-9425-4983-b1f2-19d629deef0e .image-with-text__grid {
max-width: 120rem;
    margin: 0 auto;
}

		@media screen and (max-width: 767px){
#ImageWithText--template--16836595548393__f33f916e-9425-4983-b1f2-19d629deef0e{
padding: 0 !important;
}
}
</style>

Hope this can help you solve the issue 

Best regards,

Noah | PageFly