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

Solved
guisemen
Excursionist
29 2 3

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.

 

guisemen_0-1696977590139.png

 

 

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

 

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

 

Thanks,

Will

-Will
Accepted Solution (1)
PageFly-Noah
Globetrotter
561 130 130

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Reply 1 (1)
PageFly-Noah
Globetrotter
561 130 130

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.