Okay, so I found two articles on your forum and I’m using the following css:
1. To Use my Own Custom Icons: (images I created):
.home_icon .iconbox_icon:before { visibility: hidden !important; }
.home_icon .iconbox_icon { background: url(https://homeforfreedom.org/wp-content/uploads/2020/04/Home-Red-Button.png) !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: 50% 50% !important;}
And that worked great, was perfect. But, the icons are just too small, so I found some other css on the forum, but then they weren’t centered and it effected other iconboxes on the site (home Page), so I removed it and couldn’t figure out how to make larger.
Hey Eleina_Shinn,
Please add them somewhere on the test page so that we can see them and try to help adjust.
Best regards,
Victoria
See this page: https://homeforfreedom.org/services/
All four of these iconboxes have custom css used in order to place the custom images you see there. And the CSS is at Appearance > Customize > Additional CSS. You will see all 4 custom icon css blocks there.
Thank you!
Hi Eleina_Shinn,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.home_icon .iconbox_icon,
.medical_icon .iconbox_icon {
width: 67px ;
height: 67px ;
}
You’ll just need to adjust position now.
If you need further assistance please let us know.
Best regards,
Victoria
Thank you, I think I’ve got it now!