How can we help you today?

How to Make Bold Titles, Symbols and Numbers of the ShortPoint Counters Boxes

By default the titles, symbols and titles of the ShortPoint Counter Boxes Design Element have normal font weight, like this:

It is possible to make the titles, symbols and titles of the Counters Boxes bold with some Custom CSS. Here is an example of how it will look like:

Step 1. Open the Counters Box settings

Simply click the cog wheel icon in the edit mode of the page.

Step 2. Copy the CSS code

Please, copy the custom CSS code below:

.shortpoint-counter-title {
  font-weight: bold;
.shortpoint-counter-number {
  font-weight: bold;
.shortpoint-counter-symbol {
  font-weight: bold;

Note: this CSS code will make your Counters Boxes' titles, symbols and numbers bold. In case you would like to have only some of the parts to be bold, delete the unnecessary field. For example, for the bold counter's title only you will need this part of the code: 

.shortpoint-counter-title {
font-weight: bold;

Step 3. Switch to the Custom CSS tab

Step 4. Paste the custom CSS code

Paste the copied piece of code to the Custom CSS field:

You may click Preview to check the results.

Then, click Update and save the page.


That's it. Now the titles, numbers of our Counter Boxes are bold:

Related articles:

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 51 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