Tagged: tabs
-
AuthorPosts
-
December 7, 2014 at 5:36 pm #364301
Hi,
If you look to the Website below you can see these three tabs: http://d.pr/i/1bxtt/4hNwwCH0 which look more like three buttons and are aligned perfectly to the centre of the page.
Does Enfold has a similar shortcode / element that can be used in a similar way? I guess this could be doable with buttons as well. Each button would show / hide a certain div (amount of text / images) when clicked.
Many thanks.
December 8, 2014 at 4:20 pm #364697Hi sitesme!
You can use Tabs element under Content Elements in ALB. Examples can be seen here – http://kriesi.at/themes/enfold/shortcodes/tabs/
Regards,
YigitDecember 8, 2014 at 7:02 pm #364872Hi Yigit,
The Tabs element works fine but it is not suitable to work as this example: http://d.pr/1kphA/5rGHDRxE
Can you please confirm if there is something between the tabs / anchors (even if manually using) to achieve the same results as this URL?
If you click in any of the “3 buttons” http://d.pr/i/1bxtt/4hNwwCH0 it will show the contents.Any help is appreciated.
Many thanks
December 9, 2014 at 4:10 am #365134Hi!
Yes, you can use this kind of linking to open a specific tab:
http://website.com/#tab-id-1
http://website.com/#tab-id-2
http://website.com/#tab-id-3So you can build your set of desired buttons and link them that way, and you can use this in Quick CSS to hide the default tabs titles:
.tab_titles { display: none; }
Best regards,
JosueDecember 9, 2014 at 8:38 pm #365584This reply has been marked as private.December 10, 2014 at 11:42 pm #366325Hey!
Can you post the link to the page where you are trying this? to limit the tab titles hiding CSS on a specific Tabs element use this:
.custom-class .tab_titles { display: none !important; }
Regards,
JosueDecember 11, 2014 at 10:06 am #366561This reply has been marked as private.December 11, 2014 at 3:21 pm #366685Hey!
Please turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and give your tab element a custom CSS class (i.e.: custom-class ) and then add the code Josue posted to Quick CSS field in Enfold theme options under General Styling tab.
Best regards,
Yigit -
AuthorPosts
- You must be logged in to reply to this topic.