Dawn theme reduce product description width

[aneira55]

Product description is  too wide on page, how do I reduce. Using Dawn theme

[Moeed]

Hey @aneira55 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[zack_dev]

hi Aneira,

Go to Shopify admin dashboard, click on "Online Store" and then "Themes"
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "theme.liquid" file at the end paste this code .

<style>
@media(min-width:768px){

.product__description {
padding: 0 10%;
}

}

</style>

[Made4uo-Ribe]

Hi @aneira55 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media screen and (min-width: 750px) {
    .product.grid .product__info-container {
        max-width: 30rem;
    }
}

• And Save.
• Result:
• 
  

  If not working, please share your store URL. Thanks!

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[aneira55]

What I should of added is, I have already added the below liquid code to the product page, to get the text to appear below the images:

{{ product.description }}

[Dan-From-Ryviu]

Hi @aneira55 

Could you share your product page link so we can check?