+ Reply to Thread
Page 1 of 2 12 LastLast
Results 1 to 10 of 16

Thread: Font awesome icon...

  1. #1

    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
    Thank you - Your Welcome
    Brian

  2. #2
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    2,340
    Hello,

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

  3. #3
    Hi Rudi,

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

    <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 View Post
    Hello,

    Can you give some example of the code and how it looks on the page?
    Last edited by Brian Jester; May 7, 2021 at 05:59 AM.
    Thank you - Your Welcome
    Brian

  4. #4
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    2,340
    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.

  5. #5
    Hi Rudi,

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

    Regards,
    Brian

    Quote Originally Posted by Rudi View Post
    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.
    Thank you - Your Welcome
    Brian

  6. #6
    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 View Post
    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.
    Thank you - Your Welcome
    Brian

  7. #7
    Flynax developer Rudi's Avatar
    Join Date
    Dec 2014
    Location
    Planet Earth
    Posts
    2,340
    Because you put a redundant <li> before your code

    I've corrected it

  8. #8
    Rudi,

    Thank you!

    Regards,
    Brian

    Quote Originally Posted by Rudi View Post
    Because you put a redundant <li> before your code

    I've corrected it
    Thank you - Your Welcome
    Brian

  9. #9
    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?
    Last edited by Wei Hong; May 9, 2021 at 06:17 AM.

  10. #10
    Hi Wei,

    The icons stay on the top menu.

    Brian
    Quote Originally Posted by Wei Hong View Post
    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?
    Thank you - Your Welcome
    Brian

+ Reply to Thread