Centralizing product information in Dawn Theme

Store Design
, , , ,

Topic summary

A user seeks to center-align all product information on their Dawn theme product page. Two solutions were provided:

Solution 1 (Moeed):

  • Add CSS code to theme.liquid file above the </body> tag
  • Includes a screenshot showing the centered result

Solution 2 (DaisyVo):

  • Add CSS targeting .product__info-wrapper.grid__item elements
  • Insert code above </head> tag in theme.liquid
  • Uses text-align: center and margin-inline: auto properties

Follow-up Question:
The original poster asks if it’s possible to keep the product name (“Calla Lily Dress”) visible when scrolling down the page, suggesting they want a sticky/fixed header behavior.

Status: The centering issue appears resolved, but the sticky product name request remains unanswered.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hello!
I would like to justify all product information in the center but can’t seem to find a way to do it. Thanks for any help!
Website - maisonmagdalena.com
Password - MaisonMagdalena.222

Snímka obrazovky 2025-02-04 103727.png
Snímka obrazovky 2025-02-04 103727.png1843×852 169 KB

1 Like
2

Hey @MagdalenaBB

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT

Moeed_0-1738658636551.png
Moeed_0-1738658636551.png1696×825 143 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Hi @MagdalenaBB

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for “theme.liquid” file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for tag and add the following code above tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
.product__info-wrapper.grid__item * {
    text-align: center !important;
    margin-inline: auto !important;
}
{% endstyle %}

DaisyVo_0-1738658685955.png
DaisyVo_0-1738658685955.png1383×846 158 KB

Please let me know if it works. Thank you!Best,
Daisy - Avada Support Team.

1 Like
4

Hey, thanks a lot for your helpful reply!

I would like to ask if it is possible to make it so that the name of the product (Calla Lily Dress) doesn´t disappear on scroll down? Thanks :hugs: