-
Posts
-
Hi,
on this page: http://www.linaukis.com
I would like to find out how to fix 3 things:1. How can I change the color on the off state of the social media links? Right now they are all grey, and I would like them to appear in their corresponding color, but no background, when a user doesn’t hover over them.
2. On the socket, if you look carefully, you’ll notice that the box on the “on hover” state around each icon is not equally square. It gets squished on all the icons, except on the last “email” one. What could be the problem, so that the “on hover” state displays equal width highlight color background?
3. Is there a way to replace these icons in the header/socket with other icons (for example the round ones), as seen in the list of the icons available with the Enfold theme?
Thank you for your always fantastic support!
Hi,
I’ve figured #1 and #2 of my ticket. So, I’m good on that.But can you please reply on #3? On that same topic, is there a way to make the icons to be contained in a circle, instead of a square through a CSS snippet?
Sorry for so many questions. I’m not a developer, so I need assistance on small and silly things. :)
Your help is tremendously appreciated!Hey!
Thank you for using the support forum!
You can change the social icon character code on functions.php. Look for the facebook char codes for example on line 172:
'facebook' => array( 'font' =>'entypo-fontello', 'icon' => 'ue8f3'),You can find the character codes by hovering over the icons:
We’ll use the char code on the example above but we’ll remove the backslash.
'facebook' => array( 'font' =>'entypo-fontello', 'icon' => 'ue8f4'),</code>I hope that helps.
Best regards,
IsmaelThank you for the help/clarification, Ismael!
I’m struggling with implementing any changes to the header/socket, because whenever I increase the size of the icons, it breaks the layout and they start to overlap each other.
I’ve tried this code: #socket .sub_menu_socket li { padding-right: 5px; }, but instead, the icons get cut off.
What is the way to increase the size of the icons and space them apart from each other, without running into this problem?thank you again!
Hi!
Please add following code to Quick CSS as well
#top .social_bookmarks li a { font-size: 25px; } #header_main .social_bookmarks li { margin-left: 5px; }Cheers!
Yigit
- The topic ‘Social Links on the Header/Socket’ is closed to new replies.