Icon logos

  • BGRATED

    (@bgrated)


    8 years, 5 months ago

    I want to change the Instagram logo. How can I go about that?

    If they are stored on my servers please advise me where they are.

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Heateor Support

    (@heateor)

    8 years, 5 months ago

    You need to customize following CSS:

    .theChampInstagramLoginSvg {
    background: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%22-5%20-5%20110%20110%22%3E%3Cpath%20d%3D%22m%2020%2020%20h%2060%20v%2060%20h%20-60%20z%22%20stroke%3D%22%23fff%22%20stroke-width%3D%228%22%20stroke-linejoin%3D%22round%22%20fill%3D%22none%22%3E%3C%2Fpath%3E%3Ccircle%20r%3D%2218%22%20cx%3D%2250%22%20cy%3D%2250%22%20stroke%3D%22%23fff%22%20fill%3D%22none%22%20stroke-width%3D%228%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M%2020%2028%20h%2045%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2214%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2020%2038%20h%2015%20m%2029%200%20h%2014%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2210%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22%22%20stroke%3D%22%23fff%22%20stroke-width%3D%2210%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat;
}

    which is defined in wp-content/plugins/super-socializer/css/front.css file. You can use above CSS in functions.php file of your theme or in any CSS file being loaded at front-end, after making custom changes.
    To change the background color of the Instagram icon, use following CSS:

    .theChampInstagramBackground{
    background-color: #527FA4 !important;
}
    Thread Starter BGRATED

    (@bgrated)

    8 years, 5 months ago

    Jeeze. I just wanted to use/add the new icon.

    Plugin Author Heateor Support

    (@heateor)

    8 years, 5 months ago

    Icons are displayed using SVG and CSS, as mentioned above. You can upload an image to our website and change the background url as following:

    .theChampInstagramLoginSvg {
    background: url('http://yourwebsite.com/images/instagram.png') left no-repeat !important;
}
    Thread Starter BGRATED

    (@bgrated)

    8 years, 5 months ago

    Sorry can you be a bit more specific? Sorry.
    What part of code should I look for (before) to place this code? I simply changed the css and it did not work.

    Plugin Author Heateor Support

    (@heateor)

    8 years, 5 months ago

    You can add above CSS in Custom CSS option at Super Socializer > General Options page in admin area.
    Let us know the webpage url where Instagram icon is being displayed, if it doesn’t work.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Icon logos’ is closed to new replies.