Classic Icon list in Tabs

Support
#1

I need to split a large number of documents into 5 categories and would like to use tabs. I would then like to insert a Classic Icon List within each tab. Is this possible please using the Elements or will I have to code in each list item?

Also is it possible to style the tab colours and text ?

Many thanks

Alex

#2

Hello Alex,

Thanks for asking. :slight_smile:

You can use the Cornerstone tabs element. You also have the option to add icon list shortcode in that. You can add following CSS under Pro > Theme Options > CSS:

.x-nav-tabs>.active>a, .x-nav-tabs>.active>a:hover {
    color: #000;
}

.x-nav-tabs>li>a {
    color: #ededed;
}

Please take a look at following article for ore information on icon list shortcode

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

Thanks.

#3

Hi and thanks for your help

I think that I will use the Classic Tabs, as they look better for the purpose. However I cannot see how to use the Classic Icon List shortcode within each tab. At the moment I have coded it all.

Also, I have added the code suggesting for sling the tab colour and it doesn’t seem to work. I am not sure what I have done wrong.

Many thanks for your continued help

#4

Hi I have sorted the styling issue - my mistake ! Still trying on the Classic Icon list within each tab

#5

Hi There,

You can add the short code inside the tab content area of each tab.

I believe you have already add the short code to the tab content

just needs to change your content.

for example


[icon_list style="font-size:24px;"] [icon_list_item type="arrow-right"]
This is...  /*your content*/
[/icon_list_item] [icon_list_item type="bullseye"]
...a super rad...  /*your content*/
[/icon_list_item] [icon_list_item type="play-circle"]
...icon list!  /*your content*/
[/icon_list_item] [/icon_list]

Let us know if you need any more clarification!

#6

Thank you - I now understand

Many thanks for your help

#7

You’re welcome!
We’re glad we were able to help you out.

#8

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