How can I create a one column product page with Dawn theme?

Store Design
1

Hello! I was hoping to get my product pages to only have ONE column (Pictures first, then Title, Description, Price, Etc under that).

I’ve tried to find helpful apps, but the ones I’ve used won’t let me keep the background of all my elements black with white text. So maybe I need to change the CSS code?
Any help is greatly appreciated.

Here is my site so far: https://dasuedragon.com/

1 Like
2

Hi @DaSueDragon

Try the code below instead.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
@media screen and (min-width: 990px) {
.product--large:not(.product--no-media) .grid__item.product__media-wrapper,
.product--large:not(.product--no-media) .product__info-wrapper.grid__item,
.product__info-wrapper.grid__item .product__info-container  {
    width: 100%;
    max-width: 100%;
}

.product.grid {
    flex-direction: column;
}
}
2 Likes
3

OMG that worked thank you so much!!! You rock! :heart_eyes:

4

Hi, I have the same issue…

When I try your code everything is left aligned on desktop.

I would like to have everything centered.

First Product title, then Product picture, then Price, …

Do you have an idea?

THANKS!

5

hey guys im having the same problem as brunos writst

I do this and the thumbnail image, buy button seciton, and parts at the bottom go the left, while my body is still centred.

Help appreciated!