Trying to Centre Text!

Solved
creamery-x
Tourist
6 0 0

Hi everyone! I'm trying to center my text & headings in Shopify. Currently using the Simple theme.

I have figured out most of it, but am still struggling with the Image with Text (I'd like the header, text, and button to be centred). As well as the featured product title and buttons (currently aligned left, but would like them centred. On mobile, they are centred). Is there a way to do this?

 

www.creameryx.ca

Accepted Solution (1)

Accepted Solutions
Natztech
Shopify Partner
2238 565 1373

This is an accepted solution.

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

#shopify-section-featured-row .wrapper .page-width .feature-row .feature-row__item{
 text-align: center !important;}

 

View solution in original post

Replies 17 (17)
Natztech
Shopify Partner
2238 565 1373

can you please share the screenshot which section align left button 

creamery-x
Tourist
6 0 0

That doesn't seem to have worked  - still aligned left.

renus
Shopify Partner
181 16 29

Try

.product-single__meta {
    text-align: center !important;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
creamery-x
Tourist
6 0 0

Amazing, it's so close for the featured product - just the "more payment options" that isn't aligned.

Screen Shot 2021-03-15 at 1.49.34 PM.png

creamery-x
Tourist
6 0 0

Screen Shot 2021-03-15 at 1.50.50 PM.png

Prezentech
Shopify Partner
259 50 69

Hi,

Page check the attached screenshot, and do let me know if you want to make the page same like this.

 

homepage.png

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire us.
Feel free to Contact me for shopify help on support@prezentech.com
Shopify Design Changes | Shopify Custom Theme Design and Development | Shopify App Development
renus
Shopify Partner
181 16 29

but i can not see more payment option

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on renusharma7@gmail.com regarding any help
Shopify Expert | Skype : renusharma99
creamery-x
Tourist
6 0 0

Yes, exactly.

NerdCurator
Shopify Partner
259 50 85

@creamery-x You need to add this code in the theme files. For which you need to go to Online Store > Actions (Active theme) > Edit Code > Assets, under assets add the code at the bottom of theme.scss.css file.

.shopify-payment-button .shopify-payment-button__more-options{margin:10px auto;}

 

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 8+ years.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com