Indiegogo Social Menu Icon?

Sorry for the frequency of requests lately, but I am working night and day and under a deadline. Also, once I learn something I am saving ALL code to reuse ongoing. I greatly appreciate the support at aThemes.

I am trying to add an Indiegogo link in the Social Menu in the preheader - with an Indiegogo icon.

I am using this code which was previously provided by Kharis, I believe.

.social-links a[href*=“indiegogo.com”]::before {
content: ‘\f0f2’;
}

He gave me that code to force the Google icon in the social media previously. Obviously the original code specified Google.com not Indiegogo.com

I have also experimented with the icon identifier. Looking for IGG. I now have the Suitcase icon (f0f2) specified in the line of code.

It works perfectly and links to my client’s IGG prelaunch page.

The website is:

https://dropsofamazon.com

QUESTION: What is the icon identifier code for Indiegogo? In stead of the f0f2…

If there is no Indiegogo icon in the available icon set, is there a way to add my own Indiegogo icon? Formatted correctly, etc.?

Please let me know. Thank you very much.

Dan

Hello Dan,

Font Awesome doesn’t include Indiegogo icon yet, unfortunately. Here is the relevant request on GitHub:

I can see that you are using .png images in footer now, so please check this page:
https://learn.indiegogo.com/brand-asset-downloads/

Kind Regards, Roman.
aThemes Support

Thank you very much, Roman. I am actually working on a .png icon for Indiegogo in the footer. I appreciate all the help.

Now I am trying to simply show the “Indiegogo” text in the pre-header Social Menu. The same as I currently show the language in text there.

Here is ALL of the Additional CSS I have installed on the site:

#menu-languages .screen-reader-text,
    #menu-languages li a > span {
      display: none !important;
}

    #menu-languages li.menu-item-89 a > span {
      display: inline !important;
}

@media only screen and (max-width: 1024px) {
      .header-contact {
        padding-top: 3px;
        padding-bottom: 3px;
      }
      .header-contact .social-links {
        margin-top: 0;
      }
}

@media only screen and (max-width: 767px) {
    header#masthead div.col-md-4.col-sm-8.col-xs-12 {
        max-width: 72%;
    }
	
    header#masthead div.col-md-4.col-sm-8.col-xs-12,
    header#masthead div.col-md-8.col-sm-4.col-xs-12 {
        width: auto;
    }

    header#masthead div.col-md-8.col-sm-4.col-xs-12 {
        float: right;
        padding: 1px 20px;
    }

    header#masthead nav#mainnav-mobi {
        left: -215px;
        width: 250px;
    }
}

@media (min-width: 1200px){
  #mainnav .menu-item-has-children:after {
    content: "\f107";
    font-family: "FontAwesome";
    color: #84C200;
    position: absolute;
    right: 0px;
    top: -2px;
  }
  #mainnav .menu-item-has-children:hover:after {
    color: #019FFF;
  }
}

#mainnav ul li ul.sub-menu {
    left: -20px;
}

@media (max-width: 767px) {
	#masthead {
		padding: 2px 0 7px;
	}
}

.btn-menu {
    line-height: 28px;
}

.mainnav ul.menu .current-menu-item > a,
    .mainnav ul.menu .current-menu-ancestor > a {
      color: #84C200 !important;
}

#mainnav-mobi ul > li > a {
	color: #ffffff;
}

#mainnav-mobi {
	background-color: #014D2F;
}

#slideshow .text-slider {
    animation-delay: 2s;
}

.text-slider h2.maintitle {
      background-color: rgba(0,0,0,0.3);
      padding-bottom: 8px;
      padding-top: 5px;
      padding-left: 15px;
      padding-right: 15px;
      border-radius: 5px;
      line-height: 1;
}

    .text-slider p.subtitle {
      display: table;
      padding-bottom: 5px;
      padding-top: 5px;
      padding-left: 10px;
      padding-right: 10px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px;
      background-color: rgba(0,0,0,0.3);  
      border-radius: 5px;
}

.page-template-elementor_header_footer .page-wrap,
    .page.page-template-elementor_header_footer .page-wrap .content-wrapper{
      padding-top: 0;
      padding-bottom: 0;
}

div#secondary {
    display: none;
}

html,
body {
   overflow-x: hidden;
}

.woocommerce-page .header-clone {
      position: absolute;
}

.site-info {
      font-size: 12px;  
}

Is it possible to simply show the Indiegogo link in text? Thanks again!

Dan

Hello Dan,

Is it possible to simply show the Indiegogo link in text?

You can try to add a Custom HTML widget with the link, next to social icons widget.

Kind Regards, Roman.
aThemes Support