Social Icons

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

Author
March 2, 2016 at 10:57 #107976

kpsn
Participant

Is it possible to use the script for social icons in the top bar, for the breadcrumb area?
March 3, 2016 at 07:45 #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

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 🙂
March 3, 2016 at 21:06 #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?

March 4, 2016 at 17:41 #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

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 🙂

March 4, 2016 at 21:10 #108649

kpsn
Participant

how can i PM it?

March 5, 2016 at 18:55 #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

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 🙂

March 5, 2016 at 23:14 #108795

kpsn
Participant

This reply has been set as private.

March 6, 2016 at 21:34 #108856

kpsn
Participant

did u manage to get in?

March 8, 2016 at 20:50 #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

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 🙂

March 15, 2016 at 18:49 #110792

kpsn
Participant

This reply has been set as private.

March 16, 2016 at 16:38 #110967

kpsn
Participant

did u get in?
March 17, 2016 at 09:12 #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="#"> </a><ul class="dropdown-menu"></ul></li>
March 18, 2016 at 20:03 #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

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 🙂

July 4, 2016 at 18:38 #127967

karhas
Participant

This reply has been set as private.

July 4, 2016 at 18:40 #127970

karhas
Participant

This reply has been set as private.

July 4, 2016 at 18:42 #127972

karhas
Participant

This reply has been set as private.
July 5, 2016 at 21:42 #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

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

Viewing 17 posts - 1 through 17 (of 17 total)

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

Search KB

Log in with your credentials

Forgot your details?