center Title in Carrousel

Store Design
, ,
1

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

Artez_0-1749103530486.png
Artez_0-1749103530486.png552×993 418 KB

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

Warm regards.

2

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:

websensepro_0-1749104172887.png
websensepro_0-1749104172887.png1366×426 362 KB

websensepro_1-1749104177870.png
websensepro_1-1749104177870.png424×582 221 KB

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! :rocket: (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!

3

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 tag

RESULT

Moeed_0-1749104440271.png
Moeed_0-1749104440271.png351×119 2.34 KB

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

Best Regards,
Moeed

4

Hi Dear,

wont work here:

Artez_0-1749104526674.png
Artez_0-1749104526674.png567×1045 421 KB

5

Artez_0-1749104564568.png
Artez_0-1749104564568.png567×1045 421 KB

don’t work in my part dear

6
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before
7

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 on theme.liquid

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

RESULT:

Tech_Coding_0-1749104935401.png
Tech_Coding_0-1749104935401.png316×482 170 KB

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

8

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;
}
}​