Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 13, 2017 at 2:49 am #746085
    thecszone

    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, 2 months ago by thecszone.
    February 15, 2017 at 8:23 pm #747642
    Yigit

    Hey!

    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,
    Yigit

    February 15, 2017 at 9:17 pm #747675
    thecszone

    Here is the information you need and you have my permission to deactivate plugins if needed.

    February 15, 2017 at 10:57 pm #747708
    Yigit

    Hey!

    I adjusted your code in functions.php file a little. Please review your website now

    Cheers!
    Yigit

    February 15, 2017 at 11:40 pm #747716
    thecszone

    Wonderful, 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 #747742
    Yigit

    Hi!

    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,
    Yigit

    February 16, 2017 at 2:47 am #747757
    thecszone

    Thank 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 #747980
    Yigit

    Hi,

    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,
    Yigit

    February 16, 2017 at 8:06 pm #748119
    thecszone

    Perfect, Yigit. Thanks for the great support! I really appreciate it.

    February 18, 2017 at 4:57 am #748747
    Rikard

    Hi,

    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,
    Rikard

    February 18, 2017 at 5:48 pm #748860
    thecszone

    No further help needed. Please close this.

    February 20, 2017 at 6:58 am #749158
    Rikard

    Hi,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Custom Icon in Social Media’ is closed to new replies.