Docs

[[email protected]]

Hello,
I’m trying to add custom icons to my site. I understand they cannot be added to Cornerstone. I want to be able to use shortcode too, if possible. I’m creating a guidebook formatted website for parents that want to hike with kids. I have a child-theme runnig.

I’ve read this:
https://community.theme.co/forums/topic/create-own-icons-into-the-icon-library/

and this:
https://community.theme.co/forums/topic/custom-icons-or-sets/#post-209137

I have .svg icons. I’m not sure of a couple of things.

1. Where do I store the icons inside my file structure?
2. I’m not sure what the absolute URL would be, will it include my domain name?

This is a piece of code suggested previously:

.custom-icon-shower-head {
background:url(shower-head-icon.png) 0 0 no-repeat;
width:20px;
height:20px;
display:inline-block;
}

Here is my site: http://explorington.com and/or http://hikingwithkids.ca

I’ve attached a sample icon.

[Rupok]

Hi there,

Thanks for writing in!

#1. You can upload from your media or you can also use the FTP to upload the icons to your wp-content/uploads/ folder.

#2. If you upload your icons to wp-content/uploads/ using FTP then the absolute URL would be http://explorington.com/wp-content/uploads.icon_name.svg

If you use the WordPress media to upload then you will get the URL there after uploading.

Hope this makes sense.

[[email protected]]

Hmmm not working.

Here is my code:

.x-icon-1campingod {
background:url(http://explorington.com/wp-content/uploads.1campingod.svg) top center no-repeat;
width:30px;
height:30px;
display:inline-block;

Here is my short code:

[icon type=”campingod”]
nor this
[x_icon type=”campingod”]

I have put the media into the uploads folder. I should mention that Wp is installed into the public_html folder. In my cpanel file manager this is what it looks like public_html/wp-content/uploads

[Friech]

Hi There,

Login to your server via FTP and navigate to this directory /wp-content/uploads/ in there create a new folder named customicons and place all your custom icon in there.

And then your absolute URL would be

http://hikingwithkids.ca/wp-content/uploads/customicons/shower-head-icon.png

Hope it helps, Cheers!

[Author]

Posts