How do i add font awsome or fontello to widget title?

[ThrewTheNevR]

Exactly as title says.

[Laura]

Hello, which icon do you want to add? Or do you want a general css code then add the icon code yourself? Let me know 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[ThrewTheNevR]

I’m trying to add a few different icons like
<i class=”fa fa-user-circle” aria-hidden=”true”></i>
right in the widget title but wordpress sanitization conflicts with the code.

[Laura]

Hello, where are you adding the code? Do you need a different icon for each widget? This can be done with css without touching the code. I would need to know which icon for which widget 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[ThrewTheNevR]

I’ll need separate icons for each widget title but I’ll just stick with this icon below,
Icon #1 fa-user-circle here’s link Icon here

I would like to have the icon show up on my test widget #1 on left side bar.

In the picture I attached shows the first widget.

Attachments:

You must be logged in to view attached files.

[ThrewTheNevR]

The place I tried to place the code is shown in the pic below.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try by adding this to style.css of child theme 🙂

COPY CODE

div#text-5 h4:before {
    content: "\f2bd";
    font-family: fontawesome !important;
    padding-right: 10px;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[ThrewTheNevR]

Tyty so much it worked.

[Laura]

Glad it worked! If you can rate us 5 stars at theme forest it would help lot 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[ThrewTheNevR]

remeber the code `
div#text-5 h4:before {
content: “\f2bd”;
font-family: fontawesome !important;
padding-right: 10px;
}`

i am unable to do this with a new widget using a different icon

COPY CODE

div#text-7 h4:before {
    content: "\f2bd";
    font-family: fontawesome !important;
    padding-right: 10px;
}

any ideas?

[Laura]

Hello, i can check it out, where is it located?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts