Icon and text style, with 2 columns

Hi,
Sorry, you can not upload svg icons, the theme uses “icon fonts” which is a font file, not a icon image. Please see our documentation here. You may need to scroll down to Adding your own Fontello Icons Icon fonts can not have color.
Perhaps when you clicked my link above it didn’t scroll correctly, try this link.
It’s very simple, you can use css to replace the “icon font” with a svg image

If you create a test page I can write a step-by-step example for you, similar to the screenshot above.

Best regards,
Mike

Hi,
Thanks for the test page, so to have a different SVG icon for each item you need to use a different font-icon for each item so you can use a different code in the css for each item:

I then copied the base css from the example link and added your font-icon codes and your SVG icon URLs:

[data-av_iconfont="entypo-fontello"][data-av_icon="\e89f"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/home-icon.png) !important}
[data-av_iconfont="entypo-fontello"][data-av_icon="\e8a0"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/people-icon.png) !important}
[data-av_iconfont="entypo-fontello"][data-av_icon="\e8a1"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/bed-icon.png) !important}
[data-av_iconfont="entypo-fontello"][data-av_icon="\e8a2"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/bath-icon.png) !important}

Then to make the gray backgrounds transparent I added this css:

.page-id-321 .main_color .avia-icon-list .iconlist_icon {
    background-color: transparent;
}

This is the result:

Best regards,
Mike