Increase column size and center it's text

Solved
hasanali1
Shopify Partner
124 5 14

hasanali1_0-1679255974652.png

trying to center the column heading text

and increase the container as they are too small

any help would be appreciated !

 

website - https://the-style-luxe.myshopify.com/

password - reucho

 

 

 

Accepted Solution (1)
PageFly-Victor
Shopify Partner
7865 1782 2947

This is an accepted solution.

Hi @hasanali1 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin {
    justify-content: center;
}

@media (min-width: 768px){
ul#Slider-template--18376554774839__87da5f42-c80b-42fb-bf3f-04835d4e3dc0 > li {
    width: 400px !important;
    max-width:400px;
}

ul#Slider-template--18376554774839__87da5f42-c80b-42fb-bf3f-04835d4e3dc0 {
    width: 1300px;
    column-gap: 10px;
}
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

View solution in original post

Reply 1 (1)
PageFly-Victor
Shopify Partner
7865 1782 2947

This is an accepted solution.

Hi @hasanali1 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin {
    justify-content: center;
}

@media (min-width: 768px){
ul#Slider-template--18376554774839__87da5f42-c80b-42fb-bf3f-04835d4e3dc0 > li {
    width: 400px !important;
    max-width:400px;
}

ul#Slider-template--18376554774839__87da5f42-c80b-42fb-bf3f-04835d4e3dc0 {
    width: 1300px;
    column-gap: 10px;
}
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly