center Title in Carrousel

[Artez]

Hi I wish to center the title in my Carousel "SERVICES", is it possible please?

https://wmqgez-r2.myshopify.com/?_ab=0&_fd=0&_sc=1

Warm regards.

[websensepro]

Hi @Artez ,
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin {
    display: flex;
    justify-content: center;
    align-items: center;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

[Artez]

don't work in my part dear

[websensepro]

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
} 
</style>

[Moeed]

Hey @Artez 

Follow these Steps:

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

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

<style>
.multicolumn .title-wrapper-with-link {
    justify-content: center !important;
}
</style>

RESULT

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Artez]

Hi Dear,

wont work here:

[Tech_Coding]

Hello @Artez 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
   .multicolumn .title-wrapper-with-link{
     justify-content: center !important;
   }
  }
</style>
RESULT:

My reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Dkpatel]

Hello Artez,

1. Go to Online Store -> Theme -> Edit code.

2. Open your assets -> section-multicolumn.css file and paste the code below.

@media screen and (max-width: 749px) {
.multicolumn .title-wrapper-with-link.title-wrapper--self-padded-mobile{
justify-content: center !important;
}
}​