Please help, how do I align all of the content on my website to the center?

Topic summary

A Shopify store owner using the Dawn theme is experiencing alignment issues where all website content appears skewed to the right instead of centered.

Problem:

  • Content on ivyanddaisymerch.com is not properly centered
  • User wants content neatly organized in the center of the page

Solution Provided:
A respondent offered CSS-based fix involving:

  • Navigating to Online Store > Theme > Edit Code
  • Locating the theme.liquid file
  • Adding custom CSS code targeting specific collection slides and sections
  • The code includes margin-left, text-align, and padding properties with !important flags

Technical Details:

  • Solution includes screenshots showing the admin interface and expected results
  • CSS targets specific element IDs related to featured collections
  • Note: The input text appears partially reversed/corrupted, but the core issue and solution approach are clear
Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.

Hello,

My website is: https://ivyanddaisymerch.com/

How do I center all of the content on my site? It is all skewed to the right, I want it to be neatly organized in the center.

Im using the Dawn theme.

Thanks!

Hi @Ivyanddaisy ,
Please follow these steps

  1. Go to your admin page and go to Online store > live theme in use > Edit code
![view - 2023-11-22T101757.324.png|1556x572](upload://eIiWD8IS3ZmGIf5k3m3t9OXVFoc.png)
  1. Find the theme.liquid file and add the following code:
<style>
      #Slide-template--16108149539008__featured_collection-1 {
        margin-left: 20px !important;
      }
      #shopify-section-template--16108149539008__featured_collection > div > div > div > h2 {
        text-align: center !important;
        padding: 20px !important;
      }
</style>


Result:


Hope it helps @Ivyanddaisy