-
AuthorPosts
-
February 13, 2017 at 2:49 am #746085
I have uploaded a custom fontello icon for Goodreads to my site to put in my social profile area. I can see the icon in the icon list, but it doesn’t show up in my social media icon list. I tried every variable I can think of, but can’t see it. Can you help me with this? Below is my website, the information I have added to my theme.php file, and the font name. Thank you.
Susan- This topic was modified 7 years, 10 months ago by thecszone.
February 15, 2017 at 8:23 pm #747642Hey!
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
YigitFebruary 15, 2017 at 9:17 pm #747675Here is the information you need and you have my permission to deactivate plugins if needed.
February 15, 2017 at 10:57 pm #747708Hey!
I adjusted your code in functions.php file a little. Please review your website now
Cheers!
YigitFebruary 15, 2017 at 11:40 pm #747716Wonderful, Yigit, thank you! Can you also give me the CSS I would need to give the icon a hover effect?
February 16, 2017 at 1:08 am #747742Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top #wrap_all .av-social-link-goodreadsicon:hover a { color: white; background: orange; }
Best regards,
YigitFebruary 16, 2017 at 2:47 am #747757Thank you, Yigit, it works great. Unfortunately as I add this icon, it makes the meta icon area on phones break the social media into two lines. I tried changing font size and also spacing between the icons, but not matter the changes the 8th icon goes to the next line. Is there a way to get them to stay on the same line?
February 16, 2017 at 3:07 pm #747980Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 480px) { #top .social_bookmarks li { width: 25px; }}
Best regards,
YigitFebruary 16, 2017 at 8:06 pm #748119Perfect, Yigit. Thanks for the great support! I really appreciate it.
February 18, 2017 at 4:57 am #748747Hi,
Glad we could help :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardFebruary 18, 2017 at 5:48 pm #748860No further help needed. Please close this.
February 20, 2017 at 6:58 am #749158 -
AuthorPosts
- The topic ‘Custom Icon in Social Media’ is closed to new replies.