Resize multicolumn and remove the whitesapce between columns

Store Design
1

Hi,

My Multicolumn now is too big and high on my page, can I make it lower and remove the whitespace between the columns? I also would like to change the text color from red to black, can anyone help please? Thanks a lot.

lulu57_0-1676512644692.png
lulu57_0-1676512644692.png2218×232 18.8 KB

2

show your shop url

3

https://horaciobikes.com.au/password

password:0713

4 
#Slider-template--17974360736061__51355a28-cc2a-4496-afa9-ff29e748415e li a{
color:#000 !important;
}
#Slider-template--17974360736061__51355a28-cc2a-4496-afa9-ff29e748415e li .multicolumn-card__info{
padding:10px; 
}

put that code in section-multicolumn.css

try this

5

Hello @lulu57

I would like to give you the recommendation to support you so kindly follow steps below:

  1. Go to your Online store > Themes > Edit code
  2. Open your theme.liquid file
  3. Paste the below code before

I hope the above is useful to you.
Best regards,
GemPages Support Team

6

Hi Simonsron,

Thanks but nothing changed. Any other solution? Thanks

7

Hi @lulu57 ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-multicolumn.css->paste below code at the TOP of the file:

.multicolumn-list {
    gap: 1px !important;
}
.multicolumn-card__info {
    padding: 5px 0 15px !important;
}
.multicolumn-card__info a {
    color: #000;
}

PageFlyRichard_0-1676560704093.png
PageFlyRichard_0-1676560704093.png1242×405 104 KB

I hope it would help you
Best regards,

Richard | PageFly

2 Likes
8

Hi Richard,

Thanks so much for your help! It worked!

I’d like to change the height to make it seems smaller and narrow. Could you please help with that?

Thanks!

9

Hi @lulu57 ,

Sure, I’m happy to help you. Let’s try this solution:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-multicolumn.css->paste below code at the TOP of the file:

.multicolumn-card__image-wrapper {
    padding-top: 10px !important;
}

I hope it would help you
Best regards,

Richard | PageFly

1 Like
10

Thanks a lot Richard! You’re a lifesaver! :grinning_face: