This topic has 5 replies, 2 voices, and was last updated 9 years by 
-
-
Hello Kleo Forums,
I have been working in Kleo for about a week. I really like the theme everything is working great, the buddypress implementation is really helpful to me. I just had a question regarding a change I am trying to make happen to the Kleo 3.0 Social Share icons at the top of the Community> Member> Demo shown here:
http://seventhqueen.com/themes/kleo/members/kleoadmin/
You can see at the top of this page is the social share icons. I have minor CSS skills/ PHP skills but am trying to learn the best I can. I was wondering if it was possible to remove the ts-text flyout, (popout) that occurs when you mouse over a social icon?
I was looking at them and trying to figure this out for hours.
<ul class=”kleo-social-icons”>
<div class=”ts-text”>Facebook</div>Nothing has been changed my website is currently in maintenance mode, but I did not change anything to the header. The social icons are just like that in the demo. I am just trying to remove the ts-text, when hovering over a social share icon, ( Facebook, Twitter ) , I do not want the text to appear when hover over.
Thank you for anyone who may be able to point me in the right direction, I appreciate it.
Try this in your quick css
COPY CODE.ts-text { display: none !important; }Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
Hello sharmstr,
Thanks for the quick response. I just applied that quick css and it did make the text go away. The only thing that is left is an accordian style popout that is blank. Any other suggestions, if not I will keep looking into it. I see your name all over this forum. You seem to be the backbone here, I see your name all over the place.
I attached a picture of what it looks like after your css is applied.
.ts-text {
display: none !important;
}Now if I can just get those boxes removed from popping out on the side.
Oh Sorry. I tested with only one icon in the menu. Um… try adding this as well
COPY CODE.kleo-social-icons li a { width: 33px !important; }Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
Great. You too.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
The forum ‘General questions’ is closed to new topics and replies.
