Using tabs

Support
#1

Hi there,

How i could use tabs most effective way? I should make three sections and tabs would make the navigations of the sections. Example : 1st tab would be info, second would be calendar, third would be promo image gallery with download links. Iv used to use visualcomposer for this but with x / pro i can make tabs but how to insert content inside them? since only way is to use html or code for the tab sections? this is big - for me since i like to use the front end builder but with x theme i cannot make content inside the tabs…

#2

Hi Jimi,

Thank you for reaching out to us. Regretfully you cannot use content builder to make content inside the tabs but an easy way would be to use Shortcodes inside the tabs to display the content. You can explore all the shortcodes here http://demo.theme.co/integrity-1/shortcodes/

Hope this helps!

#3

Thx , i might ghet it with that style . One quistion , how i can insert iframe code inside the tab content are ? I would need to insert this style calendar for upcoming gigs tryed that 1 but only the code comes and not the calendar so what is the correct way to insert that?

#4

Hey Jimi,

I tested a simple iframe code inside both Tab elements ( Classic and V2 ) and it works fine in both tabs. Make sure your code is correct. Also make sure you’re adding the code in HTML editor (see screenshot)

To learn more about iframe please see https://www.w3schools.com/HTML/html_iframe.asp and https://www.tutorialspoint.com/html/html_iframes.htm

Hope this helps!

#5

why i dont get that option to choose the text or html?

#6

Hello Jimi,

You can only get the option when you edit the text in the text element settings on the right side and not when you double click the text element.

Hope this helps.

#7

No it doesnt help. Im using PRO , and im trying to edit the text inside the tab element so i didnt find any other way to edit it than doubleclick. This cant be this hard… Why doesnt the tab correspond to html code that is iframe? but i used one of my tabs to insert shortcodes and got lightboxgallery geeeezuz…

#8

Hello Jimi,

Even if you are using Pro or Cornerstone, it is all the same. You will have the settings in the left side.

And if you want to insert html contents inside a tab element, it will only be possible in text mode. Any html characters added in a rich text format will be converted into html characters which is why your html code will not work.

Hope this helps.

#9

Thx a million, that was the reason and thx for the good pictures to show me how!

#10

One more quistion, how i can edit tab title font / size / color? I tryed to change the base font and it also effects the content inside the tab. I want to only edit the tab title?

#11

Hi Jimi,

Unfortunately, changing the specific text’s styling isn’t possible with the tab element. It’s either apply it with inline CSS or custom CSS. Example,

<span style="color:red; font-size: 20px;">best to keep</span>

Thanks!

#12

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