How to centre headings?

Solved

How to centre headings?

Jj37
Excursionist
48 0 6

How can I centre headings across my pages? I have been able to center the featured collection at the top of the page, but none of the rest. Any ideas?

 

https://2c6852-ef.myshopify.com

pass: aubril

 

thanks!

Accepted Solution (1)

Made4uo-Ribe
Shopify Partner
10137 2405 3039

This is an accepted solution.

Hi @Jj37 

Check this one. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

.title-wrapper-with-link.title-wrapper--self-padded-tablet-down.title-wrapper--no-top-margin {
    justify-content: center;
}

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1719778474088.png

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

Replies 5 (5)

Moeed
Shopify Partner
7395 2004 2446

Hey @Jj37 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.title-wrapper--no-top-margin {
    justify-content: center !important;
}
</style>

RESULT:

Moeed_0-1719776253857.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Made4uo-Ribe
Shopify Partner
10137 2405 3039

This is an accepted solution.

Hi @Jj37 

Check this one. 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. Then place the code below at the very bottom of the file.

 

.title-wrapper-with-link.title-wrapper--self-padded-tablet-down.title-wrapper--no-top-margin {
    justify-content: center;
}

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1719778474088.png

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Jj37
Excursionist
48 0 6

Great thanks

binal_identix
Shopify Partner
698 61 120

Hello @Jj37 ,

You can try this code: it will be helpful to you 

Go to the Online Store->Theme->Edit code->Assets->base.css>add this code at the bottom of the file.

.collection-hero 
.collection-hero__title {
    text-align: center !important;
}

 

iCart Cart Drawer Cart Upsell App


- If you find the solution helpful, please accept and like it
- To learn more visit www.identixweb.com
Jj37
Excursionist
48 0 6

No, this did not work