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