I need help with centering my headers on my home/ landing page on the refresh theme. I do not want my headers centered inside the collections pages or anything else. Only on my main home page. Please advise
On the Refresh theme, how can I center my headings on the home/landing page? Not the entire website.
Hi @YavuzPM
This is Victor from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file → Save
.title-wrapper--no-top-margin>.title {
text-align: center;
}
Hope that my solution works for you.
Best regards,
Victor | PageFly
1 Like
Hello @YavuzPM
It’s GemPages support team and glad to support you today.
You can follow these steps:
- Go to Online Store → Theme → Edit code
- Open your theme.liquid theme file
- Paste below code before :
{% if template contains 'index' %}
{% endif %}
If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team
Hello Victor, this did not end up working with centering the headers on the home page. Is there another option?
Hello, this did not end up working. Is there another option you could advise?
@YavuzPM can you share with me the page url
Yes the page is projectmainline.com the password is headerfixing
You can try again with this code:
.color-background-1.gradient .title-wrapper-with-link.title-wrapper–self-padded-mobile.title-wrapper–no-top-margin {
display: flex;
justify-content: center;
}
@YavuzPM Please try again:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag → save.
.color-background-1.gradient .title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin { display: flex !important; justify-content: center !important; }
1 Like
Thank you so much this is awsome!
1 Like
You are welcome @YavuzPM 
1 Like