Premium Theme Support › DesignOrbital › Anemone

Replace social icons in header?

  • Author
    Posts
  • #154665
    paulkeew
    Member

    Hi, is there a way to change the social icons in the header and how they behave? For example, the “YouTube” icon is unrecognizable at that size. It needs to be updated with the modern Youtube “play” rounded rectangle. I’d also like to have social icons without a circle around them or the spinning animation. If I upload my own icons, is this possible? Thanks!

    The blog I need help with is: (visible only to logged in users)

    #154769
    designorbital
    Theme Author

    Hi,

    About YouTube Icon:

    Anemone is using Font Awesome 4.5.0 to use the YouTube icon. So, it will not be possible to replace this icon with new one.

    About Circle and Animation:

    Please try the following css snippet.

    
.site-social-menu a,
.site-social-menu a:visited {
  background: transparent;
  color: #242424;
  font-size: 18px;
}
.site-social-menu a::before {
  font-size: 18px;
}
.site-social-menu a:hover {
    background: transparent;
    transform: none;
}

    Thanks

  • The topic ‘Replace social icons in header?’ is closed to new replies.