How can I modify CSS for full-width product page positioning on DAWN theme?

[shopafterhour]

Hello,

I’ currently using a DAWN theme.

I’m trying to change css on my product page.

Can you please help me?

I want my product page to look liket this

full width + half image half description.

Also, on the bottom you may also like section, I want to make this full width as well.

this is my current page

Can anyone please help me?

[zaczee]

Hi,

HCan you share your store url

[BSS-Commerce]

Hi @shopafterhour
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[shopafterhour]

Hi,

Store URL: https://afterhour-6053.myshopify.com/

The positioning I want to do is here

https://jadedldn.com/products/moto-panelled-corset-top

I want to make it exactly the same layout.

If you can also let me know on upsell on product description that will be great!

Thank you so much

[shopafterhour]

Hi,

Store URL: https://afterhour-6053.myshopify.com/

The positioning I want to do is here

https://jadedldn.com/products/moto-panelled-corset-top

I want to make it exactly the same layout.

If you can also let me know on upsell on product description that will be great!

Thank you so much!!

[BSS-Commerce]

1. First, please go to Themes => Edit code.

2. Locate the theme.css file in the Assets folder and add the following code at the end of the file:

.Product .Product__InfoWrapper .Product__Info {
    width: 100% !important;
    padding-right: 50px;
    padding-left: 50px;
    margin-top: 85px !important;
}

The resulting interface after being modified will look like this:

Good luck!

[shopafterhour]

Thank you for your reply but the code did not work

I went to assets- base.css and pasted the code their but did not change anything.

[BSS-Commerce]

Here specifically, with your store, the file that needs to be edited is not base.css but theme.css.

Please go to the Edit code section and then locate the theme.css file to add the code.

If you still encounter difficulties, you can grant me access to the source code of the theme so that I can directly make edits and provide you with the most effective assistance.

[shopafterhour]

I can’t locate theme.css file within my folders.. maybe you are viewing a different page?

The page you are viewing is actually the example page I want to do the same layout on.

this is my current page

FYI,

[shopafterhour]

Let me know if you need anything else to get this fixed!!

I appreciate the help