How can I easily change the default icons with my own? For example those on this page http://blueowlcreative.com/wp/fortuna/

Thank you,
Costin

By default the theme implements a custom Icon font that comprises of 4 premium icon fonts:

http://blueowlcreative.com/wp/fortuna/icons/

If you are to use your own custom icon font you need to first inculde the font, then the CSS of the font (fortuna\stylesheets\icons.css), then modify the default font loader in the backend – (fortuna\includes\shortcodes\vc\boc_iconpicker.php) to setup the correct classes for each of the icons so that they also load in the backend Icon popup. Once you edit those files you will get the idea, the first one loads the fonts and sets the classes for the icons, the other adds those classes to the admin icon picker.

This is an image you added, no way to have the same CSS rules that apply to a Font, for an image. You can setup your own by adding a CSS class to your image icon then you can add any image-related CSS to it.

.top_icon_box.type1 .icon_holder .icon_bgr, .top_icon_box.type1 .icon_holder .icon_bgr:after {
border-radius: 7px;
}

This is a bit tricky. in order to separate the columns I am using a transparent border for the inner columns. If you edit each of the inner columns you will see there is the “border_bgr_clip” class assigned them – it is explained here: http://blueowlcreative.com/docs/fortuna/#customization4

Then you need to add almost transparent borders to the columns (click on second Tab – Design Options, I add the almost transparent borders to push the columns away from eachother).

Hope that makes sense.