Tagged: icon, iconbox, insert image
-
AuthorPosts
-
September 1, 2014 at 10:35 pm #312004
Is it possible to replace the icons at the top of an iconbox with our own icon image?
See mockup image to show what we want.- This topic was modified 10 years, 2 months ago by Netzie.
September 2, 2014 at 9:57 am #312156Hi Peter!
Thank you for using Enfold.
I’m sorry but the screenshot is on your localhost. Please use imgur, dropbox etc for the screenshot.
Regards,
IsmaelSeptember 2, 2014 at 10:21 am #312170Yes I too need use my pictures , not only standard enfold icon
September 2, 2014 at 12:04 pm #312216Hey!
You can turn on custom CSS field for ALB elements ( http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ ) and then give your iconbox element a custom class and then add following code to Quick CSS in Enfold theme options under General Styling tab
.custom-iconbox .iconbox_icon:before { display: none; } .custom-iconbox .iconbox_icon { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; }
Best regards,
YigitSeptember 2, 2014 at 12:28 pm #312235Link edited – Sorry
It worked so well here… ThihihiHi – Very fast to close this topic!! :-) Hang on mister!
I meant the LINK worked here … not your solution…
I did add the ALB function
I did add the quick css and uploaded my new ICON and corrected the path…
But it’s a no show? … WHAT if any do I write in the custom field box now that it’s activated?
We are working on the FRONTPAGE
My FireBug says:
#top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont=”entypo-fontello”]:before {
font-family: ‘entypo-fontello’;[data-av_icon]:before {
content: attr(data-av_icon);
font-weight: normal;- This reply was modified 10 years, 2 months ago by Netzie. Reason: adding, quick topic close
September 2, 2014 at 12:31 pm #312241September 2, 2014 at 4:10 pm #312359September 2, 2014 at 11:57 pm #312561Hi Yigit
Can’t link – The site is on localhost until ready. Soorry
Here is screenshot 1: http://www.henningdaverne.dk/wp-content/uploads/2014/09/henningdaverne-icon.png
Screen shoot #2
Hope that helps.
Thx for your help!Peter
September 3, 2014 at 12:17 pm #312774Hi!
This is how it looks on my local installation – http://i.imgur.com/Y7M3Rvr.png
Please post the link to your website when you launch it so we can take a look. We cannot say what is wrong without seeing your website, especially when the code works totally fine on our end.Regards,
Yigit -
AuthorPosts
- The topic ‘Iconbox – is it possible to add our own image to the icons?’ is closed to new replies.