How to increase the height of a multi-column section

Store Design
1

Hi there,

Can someone can tell me how to increase the height of just one multi-column section using the custom CSS code? I’m using the Taste theme.

Thanks for your help!

Pat.

1 Like
2

Image banner, sorry. not a multicolumn.

3

Hi @PatTheCat63 ,

This is the slideshow banner for taste theme. Try this one, if it wont work. Would you mind to share your URL website. Thanks!

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
div#Slide-template--15181413089302__16451248477c9272aa-1 {
    height: 700px;
}

Result:

Ribe_Dagandara_0-1689787485859.png
Ribe_Dagandara_0-1689787485859.png1274×493 515 KB

I hope it help.

4

thanks! actually, I just found the way to do it. I simply wrote: .banner {
height: 700px;
}

Thank you!!

1 Like