Can i upload my own icons by facts?

Can i upload my own icons by facts?

Hello there,

Please share your site link here and point me to your facts section, so I can suggest you the possible solution to do.

Regards,
Kharis

My site is still under construction. It’s not visible for people.

Hello there,

You can use the below custom CSS code:


.sydney_facts_widget .col-md-3 .fa {
  display: inline-block;
  width: 90px;
  height: 90px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.sydney_facts_widget .col-md-3 .fa:before {
  display: none;  
}  

/* Fact 1 */
.sydney_facts_widget .col-md-3:nth-of-type(1) .fa { 
  background-image: url('http://yoursite.com/wp-content/uploads/sites/3/2015/09/fact1.png');  
}  

/* Fact 2 */
.sydney_facts_widget .col-md-3:nth-of-type(2) .fa { 
  background-image: url('http://yoursite.com/wp-content/uploads/sites/3/2015/09/fact2.png');  
}  

/* Fact 3 */
.sydney_facts_widget .col-md-3:nth-of-type(3) .fa { 
  background-image: url('http://yoursite.com/wp-content/uploads/sites/3/2015/09/fact3.png');  
}  

/* Fact 4 */
.sydney_facts_widget .col-md-3:nth-of-type(4) .fa { 
  background-image: url('http://yoursite.com/wp-content/uploads/sites/3/2015/09/fact4.png');  
}  

Replace:


http://yoursite.com/wp-content/uploads/sites/3/2015/09/fact1.png

with your fact image file. You’ll need to upload it to the media library (Dashboard > Media > Add New).

To apply custom CSS code to your site, add it into Appearance > Customize > Additional CSS.

Regards,
Kharis

O! Thank you! i did not seen your comment until today!
I’m gonna try it.