Social Icons

[kpsn]

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

[Laura]

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 🙂

[kpsn]

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

[Laura]

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 🙂

[kpsn]

how can i PM it?

[Laura]

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 🙂

[kpsn]

This reply has been set as private.

[kpsn]

did u manage to get in?

[Laura]

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 🙂

[kpsn]

This reply has been set as private.

[kpsn]

did u get in?

[kpsn]

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>

[Laura]

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 🙂

[karhas]

This reply has been set as private.

[karhas]

This reply has been set as private.

[karhas]

This reply has been set as private.

[Laura]

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