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.


Result


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



Related articles: