How can we help you today?

How to Create a Border for Tiles

By default, Tiles come without a border:


If you want to frame your Tiles with a neat border, please check this tutorial. Here is the result you will  achieve at the end (these are the ShortPoint Tiles with default style and a 5px black border):



Solution:

Please insert this Custom CSS into the Tiles element (Settings > Custom CSS Tab):


.shortpoint-tile {
   border: 5px solid black !important;
}


Change the width of the border if you'd like to (2, 3, 10 px etc.). 

Please click here for a more detailed explanation of this step.

Press Update. Ready!



Bonus:

This trick works with all Tiles styles. For example, Sarah style:




Thank you for your attention!

Please contact us in case you have any questions or suggestions.

For an advanced tutorial on Custom CSS please click here.

Also, you're welcome to check our other Custom CSS solutions.



Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.

World's best intranet sites are designed using ShortPoint

Get started today! Learn more
See all 44 topics

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