How can we help you today?

Start a new topic

Outline Circle Style on Tiles Element


We added Tiles ShortPoint with Icons to our home page. How can we make the Icons of the Tiles with outline circle?



Hi Sivaraj,

Outline Icon Style for Tiles is still not supported, but you can achieve this using CSS.

Here what you have to do.

Step 1: Give the Tile Custom CSS Class name
  • Edit Tiles - Custom CSS - Class 
  • The class name can be anything you like. I have used: outline-icon-tiles
  • Save

Step 2: Add Custom CSS

The following CSS code will make all Tiles that has custom CSS class name outline-icon-tiles, with outline icons.

.outline-icon-tiles .shortpoint-icon {
    border-radius: 50%;
    border: 2px solid;

.outline-icon-tiles .shortpoint-icon:before {
    font-size: 60%;

You can add this custom css to ShortPoint branding tool. Check out this article:

Awaiting your feedback.

Thank you,


Hi Support,
Works perfectly.
Sivaraj B
Login or Signup to post a comment

Start a trial

Ignite your vision. Install ShortPoint directly on your site, or play in sandbox mode. No credit card required.

Get started today

World’s best intranet sites are designed using ShortPoint

Thousands of companies using ShortPoint everyday to design, brand and build award winning intranet sites.

Get started Learn more