Solved

cambiar tamaño de multicolumna a uno mas pequeño

Dec0rArte
Tourist
8 0 1

hola! me pueden ayudar a cambiar el tamaño de la multicolumna aun más pequeño por favor 

 

 

Captura de pantalla 2024-04-24 202820.png

 

tienda: https://decorartestore.com/

Accepted Solution (1)

theycallmemakka
Shopify Partner
1477 336 360

This is an accepted solution.

Hi @Dec0rArte 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

<style>
@media screen and (min-width: 990px) {
    ul#Slider-template--22439561101625__multicolumn_BECqyi .multicolumn-list__item.grid__item.slider__slide.center {
        width: calc(15% - var(--grid-desktop-horizontal-spacing)* 4 / 5);
        max-width: calc(15% - var(--grid-desktop-horizontal-spacing)* 4 / 5);
    }
    ul#Slider-template--22439561101625__multicolumn_BECqyi {
        justify-content: center;
    }    
    ul#Slider-template--22439561101625__multicolumn_BECqyi h3.inline-richtext {
        font-size: 15px;
    }    
    ul#Slider-template--22439561101625__multicolumn_BECqyi .multicolumn-card__info {
        padding-left: 5px!important;
        padding-right: 5px!important;
        padding-top: 5px!important;
    }
}
</style>

 

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Reply 1 (1)

theycallmemakka
Shopify Partner
1477 336 360

This is an accepted solution.

Hi @Dec0rArte 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

 

<style>
@media screen and (min-width: 990px) {
    ul#Slider-template--22439561101625__multicolumn_BECqyi .multicolumn-list__item.grid__item.slider__slide.center {
        width: calc(15% - var(--grid-desktop-horizontal-spacing)* 4 / 5);
        max-width: calc(15% - var(--grid-desktop-horizontal-spacing)* 4 / 5);
    }
    ul#Slider-template--22439561101625__multicolumn_BECqyi {
        justify-content: center;
    }    
    ul#Slider-template--22439561101625__multicolumn_BECqyi h3.inline-richtext {
        font-size: 15px;
    }    
    ul#Slider-template--22439561101625__multicolumn_BECqyi .multicolumn-card__info {
        padding-left: 5px!important;
        padding-right: 5px!important;
        padding-top: 5px!important;
    }
}
</style>

 

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Buy me a Coffee


Enjoy Shopify for $1. Sign up now


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com