{"version":"1.0","provider_name":"Support | Kriesi.at - Premium WordPress Themes","provider_url":"https:\/\/kriesi.at\/support","author_name":"swotmarketing","author_url":"https:\/\/kriesi.at\/support\/author\/swotmarketing\/","title":"font icon hover effect - Support | Kriesi.at - Premium WordPress Themes","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"XtA1ABHsmT\"><a href=\"https:\/\/kriesi.at\/support\/topic\/font-icon-hover-effect\/\">font icon hover effect<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/kriesi.at\/support\/topic\/font-icon-hover-effect\/embed\/#?secret=XtA1ABHsmT\" width=\"600\" height=\"338\" title=\"&#8220;font icon hover effect&#8221; &#8212; Support | Kriesi.at - Premium WordPress Themes\" data-secret=\"XtA1ABHsmT\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/* ]]> *\/\n<\/script>\n","description":"Hi, i like to know how should i have my icon on hover effect by editing css. my site under what we do. My css only can apply to inner icon itself instead of the whole circled icon, .iconbox_icon:hover { color: orange!important; } What is the correct way to do it? Please advise."}