How can I align links in a multi-column list on my landing page?

Store Design
1

Hello dear

I’m using on my shop a multi colum list with links. (On the top of the landing page below the image banner).

Is it possible, to vertical aling all the links in the three list-boxes on the same horizontal line?

The shop is on shop.freihof-kuesnacht.ch

Passwort: angeyu

Many thanx!

2

Hi @Beat99

Do you mean like this?

Made4uoRibe_0-1697311928917.png
Made4uoRibe_0-1697311928917.png1360×594 29.8 KB

If it is try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • 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:
ul#Slider-template--15408790700203__07d58368-0b75-4f52-b468-9cb4671c95d8 {
    flex-direction: column;
    align-content: center;
}
  • And Save.
3

IMG_1083.jpeg
IMG_1083.jpeg2732×540 97.9 KB

thanx for help! - actualli i meen, that i would like to have all the links (that look like buttons) on the same horizontal line, no matter how much text i write above.

4

To have a better unterstanding, i send you a picture of how it is and how it shourl be.

Greetings from Switzerland!

20231015.jpg
20231015.jpg2257×1984 414 KB

5

i solved it with p {min-height: 19rem;}, although this is not realy a solution…