Home › Forums › Basel support forum › icon shortcodes

icon shortcodes

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 10, 2018 at 1:56 pm #95169

    Design_LSB
    Participant

    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

    December 10, 2018 at 3:43 pm #95213

    Elise Noromit
    Member

    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

    December 11, 2018 at 7:48 pm #95526

    Design_LSB
    Participant

    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.
    December 12, 2018 at 8:54 am #95588

    Elise Noromit
    Member

    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

    December 12, 2018 at 5:49 pm #95716

    Design_LSB
    Participant

    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.
    December 12, 2018 at 8:00 pm #95721

    Elise Noromit
    Member

    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

    December 12, 2018 at 10:31 pm #95731

    Design_LSB
    Participant

    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.
    December 12, 2018 at 10:59 pm #95733

    Manuel0211
    Participant

    download the plugin “menu icons”

    December 13, 2018 at 10:47 am #95812

    Elise Noromit
    Member

    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

Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)