Skip Navigation

[Resolved] Glyphicons: add them to the layout

This thread is resolved. Here is a description of the problem and solution.

Problem:

The issue here is that the user wanted to know what to do to use a custom icon that he uploads to his site.

Solution:

To use your custom icon you will need to do this.

p::before {
    content: url('https://marketplace.canva.com/MAB3FepjWok/1/thumbnail/canva-beer-beverage-MAB3FepjWok.png');
}

where you will place the link of your icon.

This support ticket is created 6 years, 9 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 9:00 – 12:00 -
- 13:00 – 18:00 13:00 – 18:00 13:00 – 18:00 14:00 – 18:00 13:00 – 18:00 -

Supporter timezone: America/Jamaica (GMT-05:00)

This topic contains 8 replies, has 2 voices.

Last updated by massimoS527 6 years, 9 months ago.

Assisted by: Shane.

Author
Posts
#630923

I use this code to add the glyphicons

<span class="glyphicon glyphicon-search" aria-hidden="true"></span>

guide found on this site:hidden link
everything is ok, the icons are displayed in the front end

to add other icons, I'm directed to this site:hidden link
I downloaded the 0 $ pacchus, but I can not see them in the front end and I do not understand how!

thanks

#631080

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Massimo,

Thank you for contacting our support forum.

I tested this and it works fine. Does the site currently have bootstrap on it ?

Could you send me a link to the site so that I can check ?

Thanks,
Shane

#631164

sorry, I wanted to say that I do not know how to insert the icons of this web site: hidden link

#631167

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Massimo,

You will need to purchase these as these glyphicons are not free like the ones used in bootstrap.

From there they should provide a way to add these to the site.

Thanks,
Shane

#631434
Male-Symbol-300px.png
1464214463-300px.png

Last question. I need to add an icon that is not on the list, how can I do it in a simple way?
(see attached icon)

#631535

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Massimo,

Actually the simplest way to do this is to upload it to your wordpress and call the image using HTML. I would not recommend this however.

Its best to use icon packages wherever possible. There is also font awesome hidden link

Thanks,
Shane

#631863

Its best to use icon packages wherever possible......that's what I want to do.
to recall the icons, I have to load them with FTP and then recall them with some CSS code.
Can you give me a suggestion to recall them? I use the "Before" command?

hidden link

#632012

Shane
Supporter

Languages: English (English )

Timezone: America/Jamaica (GMT-05:00)

Hi Massimo,

For this you will add them like this.

p::before {
    content: url('<em><u>hidden link</u></em>');
}

See i've used url('linkgoeshere');

Please let me know if this helps.
Thanks,
Shane

#632026

perfect, thanks