[Michal]

Hi,
I wonder how to insert those round icons, which you have in the Ultimate Pro template (and also ThemeHorse). I mean those abouve services widget titles (responsive design etc.). Thank you for your answer and great support sofar.

Regards,
Michal

[Theme Horse Support Team]

Hi Michal,
To have a round icons, which is in the Ultimate pro template. You just go to the dashboard-> appearance-> widgets-> and drag the service widgets inside business page section. And select the check button to get round service widgets which is at the top of the services widgets.

Thank you!

[Michal]

I have added TH:Services widget into the Business Page Section. There I can only see: Number of displayed services, Check to display content as center, Page1 dropdown, Page2 dropdown, Page3 dropdown, Delete, Close. Where exactly is the “get round service widgets”? I cant see it anywhere.

Do I need to download the icon extension?

[Theme Horse Support Team]

Hi Michal,

To get round service image view Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

.service-icon {
    border: 2px solid #3ab0db;
    display: block;
    margin: 0 auto;
}
.service-item .service-icon, 
.service-item .service-icon img {
    border-radius: 50px;
    height: 60px;
    width: 60px;
}

Thank you!

[Michal]

Allright, Ive managed to add the round icon border. Are the specific icons themselves also a part of your template? I cannot see them anywhere in WP administration.

The only way I can add the service icon is to add a page preview Picture, then it displays above the service widget. Is this the right way?

Thanks

[Theme Horse Support Team]

Hi Michal,

yes that’s the right way to add the service icon. No, specific icons themselves in not the part of our theme.

Thank you!

[Michal]

Ok, can you give me any high-level idea on how to make them as sharp as possible? I have downloaded a pack of nice icons in .SVG format, but if I export them to .PNG or .JPG they lose sharpness. Is there a way to somehow incorporate vector images, so that they are nice and sharp? CSS?

Thank you so much.

Michal

[Theme Horse Support Team]

Hi Michal,

You can try use flat icon http://flaticon.com/ They provide SVG, EPS, PSD and PNG as well.

Thank you!

[Author]

Posts