I use the sense theme and tried various codes but cannot seem to align the heading of my featured collection on the home page to the center, can anyone help?
Topic summary
A user working with Shopify’s Sense theme needed help centering the heading of a featured collection on their homepage.
Initial Solutions Attempted:
- Adding
h2 { justify-content: center; }to Custom CSS - Modifying the base.css file with specific collection title styling
Both approaches failed to resolve the issue.
Working Solution:
The problem was solved by adding CSS code directly through the theme customizer’s Custom CSS section (rather than editing the base.css file). The exact location was shown via screenshot, demonstrating where to paste the styling code within the theme editor interface.
Status: Resolved. The user confirmed the final approach successfully centered their collection heading.
1 Like
Hi @sjosborne
Please try to add this code to Custom CSS of your featured collection and check again.
h2 { justify-content: center; }
Hi @sjosborne
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width.centre {
display: flex !important;
justify-content: center !important;
}
Result
Best,
DaisyVo
Hi, thank you. I tried this but didn’t work.
Hi, thank you. Unfortunately this didn’t work.
Hi @sjosborne you can try to add this here
Amazing thank you!