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, 7 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.

Our next available supporter will start replying to tickets in about 0.81 hours from now. Thank you for your understanding.

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, 7 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