icon shortcodes

Hi,
Is there a place that has a list of all icon shortcodes available for me to use?

For instance, I am working on my footer and wish to utilise an envelope icon to place before a contact us url for greater visibility?

Also, what are the other icons available and their shortcodes? ie. telephone/shopping cart/shopping truck/profile avatar/etc

Kind regards

Hello,

I would recommend you use the list element http://prntscr.com/lt4yj2

It has an option to add an icon http://prntscr.com/lt4zbu and https://gyazo.com/142116c9a4836abe20a785a2ee044019

Best Regards

Hi,

How can this be achieved when these options aren’t apparent in the footer?
See screenshot.

Thank you for your continued help

Attachments:

You must be logged in to view attached files.

Hello,

You can create the list in the HTML block and then insert the widget into the Footer column http://prntscr.com/ltwfta

Best Regards

Hi,

What are the complete steps?
I am only met with the following 5 dropdown options when I follow your screenshot suggestion.

See attachment.

Kind regards

Attachments:

You must be logged in to view attached files.

Hello,

If you have created the HTML block with icon list, you need to choose it from the drop-down you show on the screen. Your steps are right judging the screen.

Best Regards

Hi,
Following your instructions I created a HTML block, creating two lists with two icons:
1. for the email icon
2. for the telephone icon

How do I remove the gap in between the two so that they sit on top of each other, within Footer6, to look like it were a carriage return in a word processing document?

Thank you for your continued support, it’s greatly appreciated.

Attachments:

You must be logged in to view attached files.

download the plugin “menu icons”

Hello,

The reasons of the gaps are:

1. https://gyazo.com/35b637fea2a80d1d9ea31a9c335cc2a2
2. https://gyazo.com/5818d42e7468e14a28fb736ee68735fb
3. https://gyazo.com/21e04910fc8952ffa437b6aea2cc8ee2

Add this code to the Theme settings > Custom CSS > Global:

body .footer-column-6 .basel-list {
    margin-bottom: 5px;
}

Best Regards

[Author]

Posts