This topic has 6 replies, 2 voices, and was last updated 8 years by 
-
-
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?
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 solutionThank 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…
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 CODEul.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 solutionNo problem
Cheers
R.Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionNo 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
The forum ‘Bugs & Issues’ is closed to new topics and replies.
