How to create large buttons when short text start at the top regardless

[Lottafixelius]

Hi,

how do I make tlarge buttons when short text and that they will start at the top regardless…

Thanks!

[rad]

Hi @Lottafixelius,

Thanks for reaching out.

I’m not sure what you mean that it should start at the top, they are already on top. Or are you referring to middle alignment? Or they should be on equal size regardless of text content? If yes, then please inspect the column where the button is,

Then add this to Element’s CSS of that column

$el {
display: flex;
}

Thanks!

[Lottafixelius]

Thanks I’ve tried it and it’s not what I want - how do I re-style it back to normal ?

[ruenel]

Hello @Lottafixelius,

Please remove the css code that you have added or simply revert to the previous state by using the history panel.

And to resolve your issue to create a large button even if you only have a short text, please click your button and set the maximum width and maximum height for your button.

We would loved to know if this has work for you. Thank you.

[Lottafixelius]

Hi again and thanks,

I’ve done MANY changes since I did the button CSS and they will all be undone if I go back all that way? Is there another CSS code I can enter?

A new problem I now have is that my last button “sök truck” with the new CSS (?) is in a separete column

I would love to see them
either all adjusting or to set all of them below eachother or all of them in a fixed position that I decide for my mobile view… How do I do that?

Thanks!

[nabeel]

Hi again,

I checked your page and noticed you’re using 5 columns layout and you’ve added two buttons in your last column that’s why you’re seeing the last button “sök truck” with “Truck-lager”

You should use 6 columns layout instead and move your last button in the 6th column. I also noticed you’re using a fixed width for your buttons i.e 100px. If you want to stack up in mobile view and make them appear larger, go to your button’s settings in Cornerstone and change the width to 100% (see screenshot)

Hope this helps!

[Lottafixelius]

Thanks!!

[rad]

You’re welcome!