-
Anonymous
Hi GenerateSupport Team, I want the code or settings for this tabs look of yours. Thanks a lot.
-
Fernando
Hello Maaa,
May you share the link to where you saw this?
-
-
Fernando
Oh. It’s just the default look with different colors and borders.
Reference: https://share.getcloudapp.com/o0uYKzmE
https://docs.generateblocks.com/article/spacing-options-overview/Just add a 1px top, left and right border, and set a gray color for them.
-
Anonymous
How can I remove the line color of this section?
-
Anonymous
Please use this image/link.
-
Fernando
Give the Tab Items Block a -2px top margin.
Then, give the Tab Buttons Block a 1 value for its z-index in the layout options.
-
Anonymous
Thank you.
-
Fernando
You’re welcome!
-
Anonymous
Hi, Fernando. I still can’t remove the line when the tab is active.
-
Fernando
Can you provide the link to the specific page you have this Block added?
-
Anonymous
Please use the link I provide at Private Information. Thank you very much.
-
Hi there,
when you add a Tabs Block it is made up of:
Tabs
— Tab Buttons
—- Tab Button
— Tab Items1. select the Tab Block. In its Block Settings set the
TAB BUTTON TYPE
toContainer
2. select the Tab Buttons and in its Layout set your Justify position to flex start ( left hand icon )
3. select the Tab Button which is now A Container Block ( from step 1 ) and now you can add more headline or text blocks inside it. -
Anonymous
How can I remove the line color of this section?
-
Select the Tab Buttons block.
Layout > Z-Index set to a higher value eg.10
Spacing > Margin set the Bottom Margin to-1px
that will pull the buttons down in front of the Tab Items.
Select Tab Button blocks
Spacing > Border Bottom to0
So you’re simply overlying the top of the Tab Items with the Tab Buttons to Hide that top border.
- You must be logged in to reply to this topic.