This topic has 16 replies, 3 voices, and was last updated 9 years by Laura.

  • Author
  • #107976
     kpsn
    Participant

    Is it possible to use the script for social icons in the top bar, for the breadcrumb area?

    #108189
     Laura
    Moderator

    Hello, you can add them manually using a html code

    COPY CODE
    
    <ul class="kleo-social-icons">
    <li class="dropdown pull-right tabdrop hide">
    <a href="#">
    </a>
    <ul class="dropdown-menu">
    </ul>
    </li>
    <li>
    <a target="_blank" href="https://twitter.com/SeventhQueen">
    <i class="icon-twitter">
    </i>
    <div class="ts-text">Twitter</div>
    </a></li><li>
    <a target="_blank" href="https://www.facebook.com/seventhqueen.themes">
    <i class="icon-facebook"></i>
    <div class="ts-text">Facebook</div>
    </a></li><li>
    <a target="_blank" href="https://dribbble.com/seventhqueen">
    <i class="icon-dribbble"></i>
    <div class="ts-text">Dribbble</div>
    </a></li><li>
    <a target="_blank" href="https://plus.google.com/+Seventhqueen">
    <i class="icon-gplus"></i>
    <div class="ts-text">Google+</div>
    </a></li></ul>
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #108368
     kpsn
    Participant

    i tried copy pasting the way you have it and nothing…
    im sticking it in the “main menu info” area in admin panel right?

    #108597
     Laura
    Moderator

    Hello, can you share admin credentials so i can check it out? 🙂

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

    how can i PM it?

    #108777
     Laura
    Moderator

    Hello, at the reply you will see the “Set as private reply”

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

    Playnation.io
    user:admin
    Pass: 38WI5*69M^j@VVPu^4S(m1ss

    #108856
     kpsn
    Participant

    did u manage to get in?

    #109303
     Laura
    Moderator

    Hello, seems to be an invalid username

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

    sorry here is new one

    Dev1 // !LLK&IJ$f#xDS*JDWgpVdaqj

    #110967
     kpsn
    Participant

    did u get in?

    #111184
     kpsn
    Participant

    i think i got it…

    COPY CODE
    <div id="top-social" class="page-info">
    <ul class="kleo-social-icons">
    <li><a target="_blank" href="https://twitter.com/SeventhQueen" style="width: 33px;"><i class="icon-youtube"></i><div class="ts-text">YouTube</div></a></li>
    <li><a target="_blank" href="https://twitter.com/SeventhQueen" style="width: 33px;"><i class="icon-twitter"></i><div class="ts-text">Twitter</div></a></li>
    <li><a target="_blank" href="https://www.facebook.com/seventhqueen.themes" style="width: 33px;"><i class="icon-facebook"></i><div class="ts-text">Facebook</div></a></li><li><a target="_blank" href="https://dribbble.com/seventhqueen" style="width: 33px;"><i class="icon-dribbble"></i><div class="ts-text">Dribbble</div></a></li><li><a target="_blank" href="https://plus.google.com/+Seventhqueen" style="width: 33px;"><i class="icon-gplus"></i><div class="ts-text">Google+</div></a></li></ul> </div>

    but is this part needed?
    <li class="dropdown pull-right tabdrop hide"><a class="dropdown-toggle" data-toggle="dropdown" href="#">&nbsp;</a><ul class="dropdown-menu"></ul></li>

    #111648
     Laura
    Moderator

    Hello, if you do not need it you can delete it 🙂 Let me know if it works

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

    Hi Laura, Hope you are well! Can you please tell me where to add this? I can’t get it working. Best!

    #127970
     karhas
    Participant

    Also, I’d like to make all of the icons a bit larger as they are so difficult to see. Thanks!

    #127972
     karhas
    Participant

    Ugh, so sorry for third message. Where would I upload icons for Etsy, Snapchat, Instagram, etc., not included with Kleo?

    #128162
     Laura
    Moderator

    Hello, copy header.php to child theme edit it, find the other social icons and add the new ones 🙂
    To change icons size add this to style.css of child theme

    COPY CODE
    
    .top-bar i:before {
        font-size: 18px;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 17 posts - 1 through 17 (of 17 total)

The forum ‘General questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?