Dawn: custom liquid with the same page width as the rest of the page

Store Design
,
1

Dear Community,

I’m trying to enrich my product pages (Theme Dawn) with custom liquid. In fact, I want to put the {{ product.description }} outside of the product-information section, so that the images are not so prominent.

My problem is now, that the custom liquid part does not follow the general settings for the max width of the content part of the page. I have put this to 1400px, but the custom liquid section is going full width, without any padding left and right.

Is there a way to edit the code of the theme to make the custom liquid section follow the defined standard width?

Thanks a lot!

2

Any hint how?

3

Hi, please try to change your code to this and check again

{{ product.description }}
4

Thanks a lot, @Dan-From-Ryviu ! That was half the way :slightly_smiling_face: the content size now fits, but the padding is missing (as you can see in the picture). The content frame centered for the product information, but the content liquid is not taking that. Is there a class for that as well?

bellerophon_0-1698135965802.png
bellerophon_0-1698135965802.png925×845 46.1 KB

5

Could you share you page to check?

6

Sadly I can’t, because the shop is not yet published / is still password protected. Is there any way to share this with you? Copying the source code?

7

Please share a preview link

8

Something like this?

Aktiv gegen Osteoporoserisiken - Präventionskurs (Exklusivtermin) – ias Webshop (shopifypreview.com)

9

Please add this CSS code to Custom CSS of that section to solve the issue

.gradient { margin: 0 auto; }
10

Awesome - that worked perfectly! Thanks for pushing my Shopify-knowledge to a new level - I understand why this didn’t work properly.

kudos!

11

You are very welcome!