Dawn - Extra Padding 'page-width' color change on Mobile

[IllIlIl1]

On the mobile view of my product page, the container "page-width" is applying 15px padding on the left and right sides. Is there a way to color the page-width padding itself for a specific section? For example, change the page width padding for the rich text container itself?

Reference image: https://imgur.com/a/F9l5rZV

store link: https://80f465-18.myshopify.com/products/test%20%20%20%20%20%20%20////%20%20

passcode: saydia

[Made4uo-Ribe]

Hi @IllIlIl1 

Would you mind sharing your store URL? Thanks!

[niraj_patel]

Hello @IllIlIl1 

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[topnewyork]

Hi @IllIlIl1 , kindly provide me your store URL.

Thanks!

[topnewyork]

Hi @IllIlIl1 , just use the below code:

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.page-width {
    padding: 0 !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[BSSCommerce-B2B]

Hi @IllIlIl1 

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file base.css. Search and add for the following CSS snippet

@media screen and (max-width: 750px) {
.collapsible-content__wrapper {
color: red
}
}

If it helps you, please like and mark it as the solution.

Best Regards