How can we help you today?

How to Change the Title/Subtitle Font Size of the Button Design Element

By default, the ShortPoint Button Design Element will give you an option to display a title/subtitle. However, you may notice that in the Settings tab of the Button Design Element, you only have the option to change the size of the button not the actual text inside it. 


In this article, we will show you how customize the font size of the title/subtitle of your Button Design Element by applying simple custom CSS.


Before
After
without applying custom cssAfter applying custom css


If you would like to apply this solution, please follow the steps in this support article.


TABLE OF CONTENTS


Before we begin


ShortPoint CSS customizations are available since the ShortPoint version 5.2.2.28 or higher. We recommend you to always have the latest version installed. Visit our Download ShortPoint page and get the latest version of ShortPoint.


Step 1. Open the Settings of the Button Design Element


Edit the page.


Click the cog wheel icon to open the settings of the Button Design Element:


Open the settings of the Button Design Element


The Settings tab will open.


Step 2. Copy the Custom CSS Code


Here is the custom CSS code you will need to use for changing the font size of the title/subtitle in the Button Design Element:


  • For the title of the button:
.shortpoint-btn {
     font-size: 20px !important;
}


  • For the subtitle of the button:
.shortpoint-small {
   font-size: 20px !important;
}


Note: You may update the font-size values according to your preferences.


Please copy the code to the clipboard.


Step 3. Update the Button Design Element with the Code


Switch to the Custom CSS tab:


Switch to the Custom CSS tab


Paste the copied code from the Step 2 to the Custom CSS field:


Paste the copied css code from Step 2


You may check how it will look like on your page by clicking the Preview button:  


Check the preview


If you are satisfied with the result, click Update and save the page: 


Update and save the page


Result


That's it. This is how it may look like on your page:


This is how it may look like on your page


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