Page 1 of 1

How to Align Buttons

Posted: Tue Aug 23, 2022 3:23 pm
by vance
Hello There,

How to align all the 6 blue buttons found on my site at:
https://aplgo.ecomph.net ?

I am using WYSIWYG 17.
I used the template "shopper_2"

I am very sorry because I do not know how to get the URL of my 6 buttons.
That is why I used the URL of my site instead.

Emmanuel Cena

Re: How to Align Buttons

Posted: Tue Aug 23, 2022 3:56 pm
by crispy68
When using grids there is no way to make them all line up unless all the text content is exactly the same length which usually isnt the case. You may be better off creating cards and using a card container where you can have all the cards the same height.

Re: How to Align Buttons

Posted: Tue Aug 23, 2022 4:04 pm
by vance
Thanks Crispy,

I don't know if template shopper_2 is using grids.
But thanks for your reply.

The image link is here:
https://k00.fr/abwop9gl

Vance

Re: How to Align Buttons

Posted: Tue Aug 23, 2022 4:11 pm
by vance
Actually Mr. Pablo had replied me on this same question many years ago
when my WYSIWYG version was still ver 15.

He told me to use a negative number for the bottom margin like "-20".
But when I tried it now in ver 17, it did not work anymore.

By the way, how will I know if template shopper_2
is using Card Container or Flexible Container?

Re: How to Align Buttons

Posted: Tue Aug 23, 2022 4:42 pm
by crispy68
I can tell by the code it's a layout grid. The ID of one them is call "shirtLayoutGrid". Just click on the properties to see what type of object it is.

Adding the negative margin is only for making sure the button stays at the bottom of the card but it doesnt mean it will line up with other cards because the height is determined by the content inside.

What you need to do is create cards and stick them in a card container where you can have equal height cards regardless of the content inside along with lining up the buttons.

Re: How to Align Buttons

Posted: Wed Aug 24, 2022 3:57 am
by vance
Hello Crispy,

Thanks again.
Your suggestions sound logical.
But first I will have to read the tutorials (if I can find these tutorials) on:

01 How to create Cards
02 How to stick those cards in a container
03 How to make those cards of equal heights

Or maybe you could give me a quick tutorial on the 3 lessons above?
Vance

Re: How to Align Buttons

Posted: Wed Aug 24, 2022 5:58 am
by Pablo

Re: How to Align Buttons

Posted: Wed Aug 24, 2022 5:59 am
by GrahamW
maybe this free extension I wrote will help you

https://shop.grahamscomputers.net/websh ... er-14.html

Graham

Re: How to Align Buttons

Posted: Wed Aug 24, 2022 6:48 am
by vance
Hello Graham,

Nice site you have.
Just downloaded your free extension.

Right now I am reading and trying to understand your instructions.
Thanks.

Vance

Re: How to Align Buttons

Posted: Wed Aug 24, 2022 12:29 pm
by vance
Problem solved.
I simply inserted another layout grid and added 2 buttons there.
Thanks Crispy, Graham and Mr. Pablo

Re: How to Align Buttons

Posted: Thu Aug 25, 2022 5:26 am
by GrahamW
vance wrote: Wed Aug 24, 2022 12:29 pm Problem solved.
I simply inserted another layout grid and added 2 buttons there.
Thanks Crispy, Graham and Mr. Pablo
Vance make sure you check the cards on different breakpoints as the button may end up in the wrong place after adding the extra grid.

Graham

Re: How to Align Buttons

Posted: Sun Aug 28, 2022 7:14 am
by vance
how to close this ticket as "SOLVED"?

Re: How to Align Buttons

Posted: Sun Aug 28, 2022 8:36 am
by jerryco
It's not a ticket, it's a "thread" open to the public so other people can learn from it. There is no need to close it.

Re: How to Align Buttons

Posted: Sun Aug 28, 2022 7:07 pm
by vance
jerry

tanx for THREAD info

vance