Bottom margin for column shortcode
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]
![https://1.eu/1.png"](https://1.eu/1.png"){kind=link}
[/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]
![https://1.eu/2.png"](https://1.eu/2.png"){kind=link}
[/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]
![https://1.eu/3.png"](https://1.eu/3.png"){kind=link}
[/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]
Comments
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
Sorry, https://usbautoscope.eu/products/cti-1000-large-current-transducer/
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
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=""]
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
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
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?
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
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?
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
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) ?
No, there is no option for that.
Best regards
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.
Please leave your suggestion in the following topic:
https://forum.muffingroup.com/betheme/discussion/113/your-suggestions-for-future-updates#latest
Thanks
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?
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