How to add layout in tab content

Support
#1

Hi,
I have used tabs element in my site…Now I need to change the tab content by adding another element into it…
I tried to drag and drop the new element inside the tab content but its not working. Can you please help me out in this.
Thanks.

#2

Hi there,

You won’t be able to add any element inside the tab by dragging and dropping them to the tab content area. A workaround for this is to use the shortcodes.

Please check here for the available shortcodes that you can use:

http://demo.theme.co/integrity-1/shortcodes/

Hope this helps.

#3

Hi,
I want to achieve something like given image below.

There will be content in both of these two sections of tab content.

Thank You

#4

Hi There,

You can add the column shortcode to your tab content.

Here is the example:

[column type="1/2" class="column-shadow"] [button type="real" shape="square" size="regular" href="#example" title="Example"][icon type="ticket"]Square Button[/button] [/column] [column type="1/2" last="true"] [icon_list] [icon_list_item type="arrow-right"]This is...[/icon_list_item] [icon_list_item type="bullseye"]...a super rad...[/icon_list_item] [icon_list_item type="play-circle"]...icon list![/icon_list_item] [/icon_list] [/column]

You can see that the first column contains the button shortcode and the second column contains the icon list shortcode.

I also added the column-shadow class to the first column, then you can add the custom CSS for the box-shadow.

For more information, please take a look at these links:

Hope it helps :slight_smile:

#5

Hi @thai,

It works for me. thanks for your help.

#6

You’re most welcome!

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.