Icons

andywattbulb

Hello there,

I have a website were I would like to add some icons with text.

Now I managed to do this with tables, but on smaller screens they fall away...

So I thought maybe I can add some icons from the muffin builder into the visual composer (the reason I'm doing this is because I have too many sections. If I add more items then the ones at the bottom fall away. But putting items in the visual composer seems to be a work around. This is the reason i tried using tables)

You can add your own images as icons but in the visual composer you get a shortcode. How can I change the code so I can include my own icon designs instead of the betheme icons provided?

https://www.mosaebiketours.com/trips/

(it's the 3 little blue icons that say elevation, distance etc)

Thank you in advance,

Andi

Pablo

Hi,
Unfortunately, BeTheme doesn't have the option to add custom icons.
It requires theme files customization, which we do not support.

But, you can create a separate section only for mobile.
Create and edit the section, and you'll notice the "Responsive Visibility"
https://i.imgur.com/UiWooN7.png
Select the devices you don't want to display this section.
Thanks

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

andywattbulb

Hey Pablo,

Uploading your own icon is not a problem for me because there is the image upload image that works just as good: http://www.ictplusplan.nl/mosa/wp-content/uploads/2019/01/icon.jpg

I just need that piece of code that I can put into the short code that I will put into the visual composer.

The problem is I want to show it on all devices since it's an important bit of info.

Thanks in advance,

Andi

Pablo

Unfortunately, shortcode of BeTheme's Icon item is working only with our icons.
https://themes.muffingroup.com/be/theme/shortcodes/typography/#icons
We do not have any workaround right now.

Sorry about that.

But, as I can notice, you're using the Icon Box item, so it will allow you to use your image as an icon:

Shortcode here:

https://themes.muffingroup.com/be/theme/shortcodes/boxes-infographics/#iconbox

Cheers.

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

andywattbulb

Hey Pablo,

That's what I was looking for! Just that shortcode with the image option code

Now is there a way to get them to sit next to each other? Now they are stacked above eachother:

http://www.ictplusplan.nl/mosa/wp-content/uploads/2019/01/stacked.jpg

Thanks in advance,

Andi

Pablo

Make them in 1/3 wrap or smaller (1/6 etc.)

It looks like they are 1/1 wrap actually.

Thanks

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

andywattbulb

Pablo, you're the best! Indeed the wrap worked out

Thank you for you patience.....

Pablo

I'm glad it's working.

Is there anything else I can help you with?

Thanks

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