-
Hi, I use generateblocks premium. I have a tabs block with 3 tab bottons in an inner container. I’d like to spread the buttons evenly over the tab items block so that there is no gaps in between the tab buttons nor left or right of them. Can I do this
- only
by using padding for the tab buttons? Or is there another “better” way?
Thanks so much. Cheers Oliver -
Hi there,
Any chance you can link us to the page in question?
You can use the private information field:
Let me know 🙂
-
Hi Leo, unfortunately I am developing locally – no way right now to link you to the site. Just tell me in general what’s the best way to align the tab buttons with the tab item evenly. Maybe I need to use the flex location?
Thx
Oliver -
1. The container needs to be set to
display:flex;2. The 3 button blocks (make sure they are button blocks, not buttons block which is a legacy block), set their
flex-grow: 1;
https://docs.generateblocks.com/article/layout-options-overview/#flex-childLet me know if this works.
-
Hi Ying,
I figured out another way:
In the tabs container i put the tab button type to container and layout to column, align item: stretch.
The layout ot the tab button block I put to flex, directions row, align-items: stretch.
That worked.Thanks you anyway and happy eastern.
Oliver -
Happy Easter 🙂
Glad you’ve got it to work!
- You must be logged in to reply to this topic.