Font awesome icon...

Hi,

I would like to place a font awesome icon in replace of the icon sets that Flynax provides. In my case (for now) I want to replace the icon in the breadcrumb bar (the house) to one from the font awesome icon set. I already have the font-awesome script working, but when I put the code into the breadcrumb.tpl template, it shows in two different spots. How do I remedy that problem?

Regards,
Brian

Hello,

Can you give some example of the code and how it looks on the page?

Hi Rudi,

I have added this font-awesome code to the bread_crumbs.tpl template (/tpl/blocks path):

Quote:

---

<li><i class="fas fa fa-home fa-lg"

---

and the result is this: https://www.worldclassads.com/classi...rtainment.html

Shows two icons

Ps: I would also like to change the > to a standard greater than sign, not using the current one so I can change the color easily. (I believe that is using an image just like the icons)

Quote:

---

Originally Posted by Rudi

Hello,

Can you give some example of the code and how it looks on the page?

---

Ok,

in bread_crumbs.tpl after the code

Code:

---

Only registered members can view the code.

---

add your font-awesome code


then go to style.css and find #bread_crumbs > ul > li:first-child > a (~1244) and comment out the code below


regarding the arrow, find a line #bread_crumbs > ul > *:not(:last-of-type):after (~1255)

and replace the code below with:

Code:

---

Only registered members can view the code.

---

Hi Rudi,

I forgot about this, I am going to try it now.

Regards,
Brian

Quote:

---

Originally Posted by Rudi

Ok,

in bread_crumbs.tpl after the code

Code:

---

Only registered members can view the code.

---

add your font-awesome code


then go to style.css and find #bread_crumbs > ul > li:first-child > a (~1244) and comment out the code below


regarding the arrow, find a line #bread_crumbs > ul > *:not(:last-of-type):after (~1255)

and replace the code below with:

Code:

---

Only registered members can view the code.

---

---

Rudi,

Something did not go as planned. Can you have a look here?: https://www.worldclassads.com/classi...ctivities.html

Quote:

---

Originally Posted by Rudi

Ok,

in bread_crumbs.tpl after the code

Code:

---

Only registered members can view the code.

---

add your font-awesome code


then go to style.css and find #bread_crumbs > ul > li:first-child > a (~1244) and comment out the code below


regarding the arrow, find a line #bread_crumbs > ul > *:not(:last-of-type):after (~1255)

and replace the code below with:

Code:

---

Only registered members can view the code.

---

---

Because you put a redundant <li> before your code

I've corrected it

Rudi,

Thank you!

Regards,
Brian

Quote:

---

Originally Posted by Rudi

Because you put a redundant <li> before your code

I've corrected it

---

Hi Brian,

One question. When you go to add a listing page, the page where you fill in information. Does the awesomefont icons still show for you, on the top menu? Or they disappear?

Hi Wei,

The icons stay on the top menu.

Brian

Quote:

---

Originally Posted by Wei Hong

Hi Brian,

One question. When you go to add a listing page, the page where you fill in information. Does the awesomefont icons still show for you, on the top menu? Or they disappear?

---

Quote:

---

Originally Posted by Brian Jester

Hi Wei,

The icons stay on the top menu.

Brian

---

I see. It's weird that in adding a listing page. All of my fontawesome icons disappear. But in homepage, category and all other page it shows OK. Only start disappearing after I choose a listing plan and then the fill in content for listing.

Ok upon testing I confirmed that the awesome font icons disappear at choosing plan page, posting ads page, adding picture pages.
It works fine if we use post ads in one step. Any idea I can fix this Rudi? :((((

Hello Wei,

I need to see the problem or reproduce it to say anything

Quote:

---

Originally Posted by Rudi

Hello Wei,

I need to see the problem or reproduce it to say anything

---

Hi Rudi,
Can I send you link to my page?

Yes, if you have online site you can send me the link to my PM

Quote:

---

Originally Posted by Rudi

Yes, if you have online site you can send me the link to my PM

---

Thank you so much. I sent you a PM