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!
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
Hi @Ivyanddaisy ,
Please follow these steps
- Go to your admin page and go to Online store > live theme in use > Edit code
- 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