[dasickleParticipant]

Is there a way to insert other shortcode inside tabs? I would like to insert a 2 column container with two video (embedded) shortcodes. An on the other one I would like to insert a image slideshow.

[NicoModerator]

Hi There,

Thanks for writing in.

Yes it is possible. Check the shortcode below so for some guide:

http://theme.co/x/demo/integrity/1/shortcodes/columns/
http://theme.co/x/demo/integrity/1/shortcodes/responsive-slider/

Those shortcodes above can be inserted in your tabs container.

Shortcode for tab content: http://theme.co/x/demo/integrity/1/shortcodes/tabbed-content/

Just embed the shortcode for the columns with video and your slider image in the tabbed content shortcode.

Let us know how it goes. So we could check your code if it is not working.

Cheers.

[dasickleParticipant]

At this point I am just doing copy/paste by switching from backend mode to classic mode. Is there a way to get all this done via backend mode only? It seems to function very differently when I try. Embedded videos in to column look very odd and columns are collapsed with 100% width.

[John EzraMember]

Hi there,

Thanks for updating the thread! Switching between classic and Backend modes may cause issues. It may work, but it’s best to stick to one option. This is especially true if you are also switching between visual and text editor. I would suggest having another page editor open that is in classic mode (just a temporary page) where you can copy your shortcodes into the main page you are editing without having to switch back and forth.

Having said that you should be able to use shortcodes within backend editor only. It may not be that straightforward when nesting shortcodes within shortcodes.

If you have further issues after trying the above, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[dasickleParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

The simple answer is, nested shortcode is not possible, and it’s visual composer’s limitation. It create chaos to the layout, so the second level structure (eg. editor) doesn’t have another visual composer instance.

The easiest way: create a dummy page and compose your content there, then copy and paste your resulting content to your tab content 🙂

Cheers!

[dasickleParticipant]

This reply has been marked as private.

[NicoModerator]

Hi There,

As we checked you site, your sliders works well. http://screencast.com/t/PgBQ4nle9

This issue is somehow depends on the users internet speed or your hosting speed. It could not load all the images immediately if your internet or hosting is slow.

Hope it helps.

Thanks.

[dasickleParticipant]

This reply has been marked as private.

[NicoModerator]

Hi There,

As we checked your site, http://screencast.com/t/Hq7bHxjRvte6 different tabbing style. It loads right away.

We think that there were no JavaScript conflict because it loads the image properly. It just does not load the images right away using the previous accordion style. The images is loaded after the accordion is clicked that is why it does not show the images right away. If you will use the accordion set tab slider accordion open when the page loads.

http://theme.co/x/demo/integrity/1/shortcodes/accordion/ -> Accordion Item options -> open. Set it true when the page loads.

Hope it helps.

Thanks.

[dasickleParticipant]

Hi,

I do not want the accordion item to be active on load. I only want them open after people click on them. Right now if I click on it nothing happens. I just see nav arrows. It’s not that the images “loading/downloading”. If you use code inspector you will see that the images get downloaded as the page loads not after you click the accordion item. Even if it needed to be downloaded it should not take half an hour. The issue is the same in all major browsers.

Does this provide more details?

[ZeshanMember]

Hi there,

Thanks for writing in!

Please add this CSS code under Custom > CSS in the Customizer:

.x-tab-content>.x-tab-pane:not(.active) {
   height: 0px;
   overflow: hidden;
   display: block;
   padding: 0;
   margin: 0;
}

This should resolve your issue 🙂

Thanks!

[AmirParticipant]

Hello,

How can I go about adding multiple columns in each tab using cornerstone?

I am relatively new to most of these processes.

I am trying to create a list of topics within each tab. However, I am aiming for a specific design whereby each topic is on a new line and every other line has a shaded background color (See attached image).

I found the best way of achieving this is through columns and then changing background color.

Please advice.

Thank you

[FriechModerator]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Cheers!

[AmirParticipant]

This reply has been marked as private.

[Author]

Posts