Inserting icons in widget

[johnduur]

Hi Jason,

I am a novice to WordPress and learnin every day but I couldn ‘t find somewhere a hint how to add/change an icon in a widget. I can see an inserted text like this [icon image=”pie_chart” align=”left”] but where is this icom stored? Is there also a “howto”.
I like to cnahge the icons in the widgets columns
site: http://www.quatalis.com/

tnx in advance

John

Topic

[Jason Bobich]

Hello John,

I think this might be less confusing if you just inserted the images with basic HTML. From your media library, upload whatever icon and then insert into your widget something like this:

<img src="http://yoursite.com/uploads/your-icon.png" class="alignleft" />

Does that make sense?

[queenidella]

I found that the icons are found in the Parent theme, with the path being

framework/frontend/assets/images/shortcodes/icons/.

They are all .pngs, and the image shortcode seems to work by using the name of the icon without the .png extension –

[icon image="clock" align="left"]

So, if you upload a .png to that folder, and put the name of the image (minus the extension) in between the double-quotes, then you can use your own images.

[Jason Bobich]

I didn’t want to mention this because right now this isn’t setup very efficiently. In the next update to the theme, you’ll need to use this plugin to have the shortcodes for the theme, and you’ll be able to create a folder in your Child theme called “icons” where you can override or create any icons.

[Author]

Replies