Social icons using shortcode in footer and sidebar

[HGP0721]

Hi Team,

I’m unable to place social icons using shortcode in footer and sidebar without social names appearing under or next to the icons. Can you advise on how I can remove the names of the social platforms while using the icons?

[Radu]

Hi,

Where i can see that in your site, I’ve seen in footer but it seems to have added by you manually , show me how the shortcode renders that icons + text for you to can investigate

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

What support service includes ? What not ?

[HGP0721]

Thank you for your reply!

I’ve placed the shortcode in (theme options + general settings + footer text) so you’re able to see it on the site: https//homegrownprepper.com

The shortcode I used is [kleo_social_icons]

I tried adding css based on a previous forum problem you resolved with another member, but ended up with no changes.

The Goal: To get the social icons horizontal instead of vertical, inline with one another, and without the text saying “Twitter”,”Facebook”, etc…

[Radu]

Hi,

Use this method instead please, copy and paste the html code into a text widget and put it where you need in footer and edit the links from our to yours then add the css into wp-admin -> theme options -> general settings -> quick css you will be able to increase or decrease the icons size modifying the font size value.

HTML

COPY CODE

<ul class="footer-kleo-social-icons">
  <li>
    <a target="_blank" href="https://twitter.com/SeventhQueen" rel="nofollow">
      <i class="icon-twitter"></i>
    </a>
  </li>
  <li>
    <a target="_blank" href="https://www.facebook.com/seventhqueen.themes" rel="nofollow">
      <i class="icon-facebook"></i>
    </a>
  </li>
  <li>
    <a target="_blank" href="https://dribbble.com/seventhqueen" rel="nofollow">
      <i class="icon-dribbble"></i>
    </a>
  </li>
  <li>
    <a target="_blank" href="https://plus.google.com/+Seventhqueen" rel="nofollow">
      <i class="icon-gplus"></i>
    </a>
  </li>
</ul>

CSS

COPY CODE

ul.footer-kleo-social-icons li {
    display: inline;
}

ul.footer-kleo-social-icons li a i {
    font-size: 26px;
    margin-right: 10px;
}

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

What support service includes ? What not ?

[HGP0721]

Thank you for your help!

[Radu]

No problem

Cheers
R.

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

What support service includes ? What not ?

[Radu]

No problem

Cheers
R.

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

What support service includes ? What not ?

[Author]

Posts