Align “shop all” buttons below each other

[Jiozx]

Hi,

I have been trying to align these two buttons below each other but nothing has worked. How do I make it work?

webshop: https://axiomunit.store

Here’s the css

 

[PageFly-Richard · Accepted solution]

Hi @Jiozx 

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css ->paste bellow code in bottom of file

.banner__buttons.banner__buttons--multiple {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

}

Hope that my solution works for you.

Best regards,

Richard | PageFly

[Jiozx]

Thanks it works

[PageFly-Richard]

you are welcome @Jiozx  😉

[Jiozx]

@PageFly-Richard Can you help me with one last thing? When I make the buttons bigger in width, the texts move to the right. I have tried text-align: center; but it’s not working…

 

 

[PageFly-Richard]

@Jiozx

 try removing this code, as it will make the texts move to the right

[Jiozx]

Omg why did I not think of that! Thanks!

[PageFly-Richard]

yeahhh, you are welcome @Jiozx 😁