BuddyBoss Home – Web Support Forums Themes Boss. theme Place FA icons above link title

Viewing 15 posts - 1 through 15 (of 18 total)
  • Question

    #35556
    @style960

    What would be the cleanest CSS to place FA icons above the menu link title (BuddyPanel)?

    Thanks,
    Paul.

    Answers

    #35562

    Deepak BuddyBoss
    Participant
    @deepak

    @style960 to verify I understand correctly can you tell me the div id or class you are talking about, and you want it ABOVE the title? Do you have a mockup of how you want it to clarify further?

    #35569
    @style960

    @tjchester

    This would be for any menu assigned to BuddyPanel. I'm struggling to find the correct class.

    Something like this I'm thinking:
    http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2012/09/image3.jpg

    #35585

    Deepak BuddyBoss
    Participant
    @deepak

    @style960 this is the element you want to edit:
    .menu-panel #nav-menu > ul > li.menu-item-9:before{font: normal normal normal 14px/1 FontAwesome;content: '';}

    Just change the menu item number and place the FA content into the content. Don't forget to size it using font-size.

    #35586
    @style960

    @tjchester I see. I was wondering about the font size part. Excellent thanks 🙂

    #35593
    @style960

    @tjchester Just tried this but it actually didn't effect any change at all?

    #35594

    Deepak BuddyBoss
    Participant
    @deepak

    @style960 did you add a FA hex icon code to the content field?

    #35595
    @style960

    @tjchester I did yeah…

    #35613

    Deepak BuddyBoss
    Participant
    @deepak

    @style960 got a link?

    #35635
    @photofly

    Hi,
    is there also a css code to place fa-external-link icon before every link in blog content and bp content?

    Would be vry nice 😉

    Thanks Jan

    #35684

    Deepak BuddyBoss
    Participant
    @deepak

    @style960 so uh…my code was invalid. Try fixed code above.

    #35685

    Deepak BuddyBoss
    Participant
    @deepak

    @photofly add this to custom.css:

    a[href*="//"]:not([href*="mysite.com"])::before {
        font: normal normal normal 14px/1 FontAwesome;
        content: '\f08e';
    }

    You can also change ::before to ::after
    NOTE: Make sure to change mysite.com (excluding http:// is important)

    #35689
    @photofly

    perfect, thanks a lot!

    #35704
    @style960

    @tjchester Still no different for me. I'll PM you the site…

    #35741
    @photofly

    hi,

    only works with externel links for me..
    is there also a possibility for internal links.

Viewing 15 posts - 1 through 15 (of 18 total)
  • The question ‘Place FA icons above link title’ is closed to new replies.