Adam

Hi,

Glad to hear that you figured it out.

If you still have any question or need further assistant, please don’t hesitate to let us know.

Best regards,

Adam.

Hi mandlaness,

This task is a bit complicated but in general, you can combine shortcode with manual code to get your desire result.

1. Please create a new page, added 4 columns with appropriate elements as described above (image/text/text/text)

2. As you might know, each element has its own shortcode so you will have to get it first. Choose edit (the edit icon stays on the top right) image element >>> switch to tab Shortcode >>> choose copy to clipboard >>> paste this to to a text file. Repeat this process with 3 other elements so you will have 4 shortcodes in your text file.

3. Save this page and set it as published. Please make sure that you don’t remove this page as it’s needed to generate content to present in your tab.

4. Create another page, add Tab element there then choose Edit >>> choose tab 1 then hit Edit button >>> in WYSIWYG editor, hit the Source button (it looks like this <>) and paste these declarations :

<div style="padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;" class="row ">
	<div class="col-md-3 col-sm-4">
		[shortcode 1]
	</div>
	<div class="col-md-3 col-sm-4">
		[shortcode 2]
	</div>
	<div class="col-md-3 col-sm-4">
		[shortcode 3]
	</div>
	<div class="col-md-3 col-sm-4">
		[shortcode 4]
	</div>
</div>

Replace above [shortcode 1] with shortcode of image element, the same goes for 2, 3 and 4. After that, choose Save in 2 next screens then hit Update to publish your page and recheck your result.

*** NOTE ***

Since this is only a workaround, sometimes it might display incorrectly in the front-end as you can see 4 columns with shortcodes only. To fix this problem, go to Tab element in back-end >>> hit Edit button >>> switch to Styling tab >>> then if you see the image with 3 text columns >>> choose Save and Update the page again.

Hi jairojoelsas,

If you still have any question or need further assistant, please feel free to let us know.

Best regards,

Adam.

Hi saucer78,

Actually, I couldn’t find the problem as described in your first post, could you please provide your WordPress version and if possible, give me a few detail about the change you’ve made ? It would help a lots.

In addition, 2 arrows in the center of main panel is Undo / Redo (to undo or redo the change you’ve just made, not page navigation).

Hi socialnuco,

I have checked your site but look like there’s a problem with external link in footer menu. For example there’s a link Portal Estudiante and I think it should be linked to this page instead.

Could you please recheck ?

Hi,

Could you please provide your WordPress version ? In addition, if you could upload your custom plugin in any free online file sharing service and provide me with the link, it would help a lots.

Hi,

Sorry for my late reply. I tested your code in new version 2.3.0 but see that it works as normal. So please update your current IG Page Builder to 2.3.0 and try again.

Hi saucer78,

Thanks for your suggestion. I passed this matter to our development team to schedule a fix for this matter already.

If you still have any question or need further assistant, don’t hesitate to let us know.

Best regards,

Adam.

Hi,

Glad to hear that you’re satisfied with the result.

If you still have any question or need further assistant, don’t hesitate to let us know.

Best regards,

Adam.

Hi saucer78,

If you don’t mind, I would like to ask you a favor. Since your opinion matters to us and to other customers, we’d be really appreciative if you could take a few moments to review your experience.

In addition, we’re running a promotion campaign for IG Page Builder. We will offer our special give-away program for 100 lucky participants who register (it’s free) from 12th to 16th May (EST). If you love IG Page Builder, you won’t want to miss it.

Best regards,

Adam.

Hi,

Glad to hear that you’re satisfied with the result.

If you still have any question or need further assistant, don’t hesitate to let us know.

Hi saucer78,

Please open file wp-content/plugins/ig-pagebuilder/shortcodes/image/assets/js/image_frontend.js and look for these declarations :

if (typeof($.fancybox) == "function") {
	$(".ig-image-fancy").fancybox({
		"autoScale"	: true,
		"transitionIn"	: "elastic",
		"transitionOut"	: "elastic",
		"type"		: "iframe"
	});
}

then remove the type option as below :

if (typeof($.fancybox) == "function") {
	$(".ig-image-fancy").fancybox({
		"autoScale"	: true,
		"transitionIn"	: "elastic",
		"transitionOut"	: "elastic"
	});
}

save your file and recheck.

Hi saucer78,

You can open your theme stylesheet file then add this line to temporary fix the problem :

.jsn-bootstrap3 .carousel .carousel-caption {
     display: none !important;
}

I also passed this matter to development team to include an option to hide this part completely in next version.

Hi androidanit,

Many thanks for your kind words. If you still have any question or need further assistant, don’t hesitate to let us know.

Best regards,

Adam.

Hi Jan,

My bad, I almost forgot that part. I’ve sent a request to update my account as Plugin Contributor. Thanks