Refresh Theme - Center H1 homepage

[Edgard22]

website : www.brasebreizh.fr

Hi, could you help me to Centered my H1 on my homepage ?

I would like it to look like those screens on desktop version and mobile version

Thanks

[dmwwebartisan]

@Edgard22

Please put the following code at the bottom of your css file.

.title-wrapper-with-link{
justify-content: center !important;
}

Hope this helps.

[suyash1]

@Edgard22 - add this css to the very end of your base.css file and check

.title-wrapper-with-link{justify-content: center;}

[Vinsinfo]

@Edgard22 Please follow below steps to center the h1 mentioned in the screenshots. Let me know whether it is helpful for you.

1. From admin, Go to “Online Store” → “Themes”.
2. Click “Customize” button in the current theme.
3. Click “Collection list” section like in the below screenshot.

4. Locate “Custom CSS” field and paste the below CSS code like in the below attached screenshot.

.title-wrapper-with-link {
  justify-content: center !important;
}
.collection-list-title {
  text-align: center !important;
}

5. Then the final output will be like,

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

[Edgard22]

Hi

thanks for your answer, it’s not working on mobile (as you can see below)

do you know how i can center the texte “Brase Breizh”

thanks a lot !

[BSSCommerce-B2B]

Dear @Edgard22 ,

I have reviewed your requirement, you just need to edit css script and the issue will be resolved. You can follow my instructions!

Step 1: Go to Admin → Online store → Theme > Edit code:

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

.collection-list-title.inline-richtext.h2 {
    text-align: center;
}

Step 3: Save your code and reload this page.

=>> The result:

I hope these instructions will help you. If they are helpful, don’t forget to like and mark as the solution.

Have a nice day sir!