Bottom margin for column shortcode

vasylpostolovskyi

Hello

I'm using column shortcodes to create page content using Be Builder.

When I built page using Column and Icon Box elements, in Advanced section => Spacing => Margin-bottom I can set 0px

In this way I remove whitespaces between elements of the page.

But, in case when I'm using Tabs element with Inline shortcode, I can't change the default Margin 40px between elements.

I tried to apply an ID and Class unique for each element, but it does't work.

Maybe my syntax was not correct, how can this be written correctly for such a usage example?

[tabs title="" type=""][tab title="Test 1"]

[one_third]

[icon_box title="1" tag="h5" icon="" icon_position="" image="https://1.eu/1.png" border="" link="" target="lightbox" class="" animate=""][/icon_box]

[/one_third]

[one_third]

[icon_box title="2" tag="h5" icon="" icon_position="" image="https://1.eu/2.png" border="" link="" target="lightbox" class="" animate=""][/icon_box]

[/one_third]

[one_third]

[icon_box title="3" tag="h5" icon="" icon_position="" image="https://1.eu/3.png" border="" link="" target="lightbox" class="" animate=""][/icon_box]

[/one_third]

[one]

<p>Text here</p>

<ul class="list_check">

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

<p>Text here</p>

[/one]

[/tab]

[tab title="Test 2"]

[two_third]

<table>

<tbody>

<tr>

<td>Test 1</td>

<td>Test 2</td>

</tr>

<tr>

<td>Test 1</td>

<td>Test 2</td>

</tr>

</tbody>

</table>

[/two_third]

[/tab]

[tab title="Test 3"]

[one_second]

<iframe width="600" height="375"

src="https://www.youtube.com/embed/1">

</iframe>[/one_second]

[one_second]<iframe width="600" height="375"

src="https://www.youtube.com/embed/2">

</iframe>

[/one_second]

[/tab]

[/tabs]

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vasylpostolovskyi

Sorry, https://usbautoscope.eu/products/cti-1000-large-current-transducer/

Phil

Please use the following CSS code:

.tabs_wrapper .mcb-column-inner{
 margin-bottom: 20px;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vasylpostolovskyi

Thank you, it works.

How can I change heading tag for title in Icon Box shortcode? I tried to change tag="h5" to h4, but it doesn't work.

My code is:

[icon_box title="Title here" tag="h5" icon="" icon_position="" image="https://1.eu/1.png" border="" link="https://1.eu/1.png"" target="lightbox" class="" animate=""]

Phil

Please send us the WordPress dashboard and FTP access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

Notice!

Please attach a link to this forum discussion.

Sending incorrect or incomplete data will result in a longer response time.

Therefore, please ensure that the data you send are complete and correct.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Phil

There was a typo on a page of this shortcode. Instead of "tag" there should be "title_tag".

I have corrected it on your product page, please check it out.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vasylpostolovskyi

Thanks for the help, I spent a couple of weeks searching for this typo.

I have one more question:

I use the Toggle element as a Table of contents with the name of the sections written in Title, and list of articles listed in Content.

I have several dozen articles, and each article page has the same Table of contents.

When I add a new article, I need to add this article to the Toggle, and then update this Toggle in all previous articles.

Is there a way to use Toggle as a module, update it once, and it will be updated automatically in all pages?

I know that the design of this element can be saved in Presets, and then use this Presets on other pages.

Is it possible to also remember the Items - Title and Content so that I don't have to update it manually on all pages every time?

Phil

You can put this element in a global wrap and edit it through templates.

See the following video tutorial for a better understanding:

https://support.muffingroup.com/video-tutorials/global-sections-wraps/

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vasylpostolovskyi

Thanks, I watched the video and created a Global wrap

I have a question about positioning.

In the Wrap => Advancing => Positioning tab, I specify Elements horizontal align => Center

Thus, toggle element is located in the center of wrap.

But when I edit the page and load this template - Global Wrap => Select template => library-contents

for some reason it is positioned on the left and I can't change its position.

Are there any other settings I need to change so that this Toggle element is centered inside wrap?

Phil

Please go to Settings -> General, and check if your URLs are set up correctly.

Just as explained in this article: https://support.muffingroup.com/faq/bebuilder-content-different-from-frontend-missing-styles/

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vasylpostolovskyi

Hello

The Toggle element has several Items, each of which contains a list of articles.

After opening another item (for example, This is the 4th title) we go to a new page, but only the first (This is the 1st title) remains always opened as default.

Is it possible to make it so that when moving to the next page, it remembers which Item was just opened (This is the 4th title), and does not open always the first one when we go to a new page (This is the 1st title) ?

Phil

No, there is no option for that.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vasylpostolovskyi

Oh, it would be great if I open one specific page, which then says open the first item (This is the 1st title) and highlight what page I see now.

Because now I have just 10 Items, each contains about 10 Articles,

once I open a new article, I get lost how I found it.

Phil

Please leave your suggestion in the following topic:

https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

vasylpostolovskyi

Thanks

By the way, how to disable the WooCommerce product zoom effect. When you accidentally hover your mouse over a product image, it enlarges.

Also, how can I add an option to select the color of the product I want to add to the cart in the Product short description or in another way?

Phil

1) If you use the standard product layout, it can be disabled in Betheme -> Theme options -> Shop -> Single product:

If you use a single product template, you can disable it in the Product Image element:

2) Do you mean attributes swatches?:

https://support.muffingroup.com/video-tutorials/how-to-use-woocommerce-attribute-swatches/

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next