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

Store Design
1

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

2

Hi @IllIlIl1

Would you mind sharing your store URL? Thanks!

3

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.

4

Hi @IllIlIl1 , kindly provide me your store URL.

Thanks!

5

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

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

Thanks!

6

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