Hi,
I would like to use a custom .png file in an Icon Box instead of the fonttello-font. Also I would like to increase the size of the icon inside the circle. How can I achieve this?
Hi graphicsplus!
Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then edit your Iconbox element and give it a custom CSS class and then add following code to Quick CSS in Enfold theme options under General Styling tab
.your-custom-class .iconbox_icon:before { visibility: hidden !important; }
.your-custom-class .iconbox_icon { background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; }
Cheers!
Yigit
Thanks for the quick respons Yigit. Works perfectly!
Sorry, spoke to soon. Now the icon doesn’t change color on mouse over anymore. I’m using it as a link,
Hey!
When you have the custom Logo, what do you want the logo to change at?
It is an image, you can not replace the color to an image I am afraid.
Regards,
Basilis
I see. Couldn’t I refer to a different image on mouse over, or change the transparency? I would like a better indication on mouse over that the link is active.
Hi,
Can you please post the link to your page and a screenshot showing the changes you would like to make so we can make sure that we are on the same page? :)
You can upload your screenshots on imgur.com or Dropbox public folder and post the links here
Best regards,
Yigit
Never mind, I’ve opted for another design solution. Thanks any way.