Home Forums Free Themes Photo Perfect Font-Awesome and the social menu – 500px and other logos

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #4273
    ginjiblog
    Participant

    Hi,
    Photo Perfect is such a great responsive theme. Thank you for this materpiece. I’m no pro-coder but i managed to tweak it in a way, that fits all my needs. But one thing is left, that bothers me:

    Please take a look at the social menu in the footer of ginj.de. The facebook- and Instagram-Logos appear. But 500px for example doesn’t. The Font-Awesome font contains this logo (as far as i understand it) but the menu only shows a chain-symbol. The same is true for DigitalRev (i guess this logo isn’t part of the font).

    How can i fix this? Or how can i change the content of these buttons from a font to e.g. png-graphics?

    Thank you and kind regards
    Christian

    #4294
    wensolutions
    Keymaster

    Hello @ginjiblog,
    Thanks for the appreciation. I would like to inform you that only popular social media’s icons are coded in the theme. That’s reason why rest of the icons doesn’t show-up properly. For example facebook icon is shown through following line of CSS code.

    .photo_perfect_widget_social ul li a[href*="facebook.com"]:before {
        content: "\f09a";
      }

    However, you can add your code with appropriate content inside style.css to show any font-awesome icon. The best way to make changes like this to a theme is to use a Child Theme, so your tweaks won’t be overwritten when updating the theme.

    Let us know how it goes.
    Regards,

    #4295
    ginjiblog
    Participant

    Thank you so much.
    Well, that was quiet easy. I was thinking far to complicated inintially. To round things up for other readers:

    This code has to be changed as well for the colour of the hover-effect:

      .photo_perfect_widget_social ul li a[href*="facebook.com"]:hover {
        background-color: #3b5998;
      }

    Regards
    Christian

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.