Adding a researchgate social icon

  • Posted in : BookCard WP
  • davidb
    Participant

    To whom it may concern,
    I would like to link to my Researchgate.net profile.
    Is there a way to add a Resarchgate social media icon for the contact page?

    serkan
    Moderator

    Hi David,
    You can watch these steps to create a custom icon.
    http://www.pixelwars.org/forums/topic/social-icon/
    Thanks

    davidb
    Participant

    Thank you for the prompt response.
    I understand the css code in that thread. However, in using this theme I’ve only used short codes. Could you plz explain where I add the CSS code within the shortcodes?

    Best,

    serkan
    Moderator

    Hi,
    This topic will explain to you how to use custom css code;
    http://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/
    Thanks

    davidb
    Participant

    Hi, I followed the forum and did the following:
    Appearance>>Theme Options>>Custom CSS.

    However, when I add another social media link and specify tumblr in the social_icon type=”tumblr”, but nothing happens.

    Also, I would like to bring a new icon as a png / jpeg. Can I do so by simply changing the URL (or being it into the Media)?

    .social li a.tumblr { min-width: 37px; min-height: 37px; text-indent: -999em; background-image: url(“enter new url”);…

    serkan
    Moderator

    Hi,
    This is an example; This custom css code will turn the twitter to soundcloud. You can watch the steps and change an icon to researchgate as well.

    .social li a.twitter { min-width: 22px; min-height: 22px; text-indent: -999em; background-image: url("http://cdn1.iconfinder.com/data/icons/windows8_icons_iconpharm/26/soundcloud.png"); background-repeat: no-repeat; background-position: center center; }

    Thanks

    davidb
    Participant

    Thank you. I was able to follow the example and to add researchgate image, but it’s too large. Any idea what the scale should be for the icon to fit in the circle?

    Best,

    serkan
    Moderator

    Hi,
    I will forward this topic to our developer and i will keep you updated.
    Thanks for your patience.

    ahmetsali
    Keymaster

    Hi, please update your code as;

    .social li a.tmblr {
        min-width: 22px;
        min-height: 22px;
        text-indent: -999em;
        background-image: url(https://davidbar-el.com/wp-content/uploads/2020/04/rg2-e1587416422634.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 16px;
    }
    
    davidb
    Participant

    Thank you so much!

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register