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

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

Size

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

Before	After

NOTEIf you added the Button Design Element using the Rich Text Editor, this solution will not work because there is no option to add CSS codes. Make sure to insert the Button Design Element using the library of Design Elements. Check out How to Customize the Button Design Element to learn more about this.

TABLE OF CONTENTS

Prerequisite
Step-by-step Tutorial

Prerequisite

You must have the latest version of ShortPoint SPFx installed on your SharePoint environment.
You must be a ShortPoint Designer with an active license.
You must already have the Button Design Element on your page.

Step-by-step Tutorial

Follow the detailed guide below to learn how to customize the font size of buttons:

Step 1: Edit the ShortPoint Web Part

Go to the SharePoint page you want to use and click Edit:

Edit

Click the ShortPoint tag:

ShortPoint tag

Select the pencil icon:

pencil icon

Step 2. Copy the Custom CSS Code

Copy the CSS code that corresponds to the text you want to modify.

For the title of the button:

font-size: 14px !important;

For the subtitle of the button:

.shortpoint-small { font-size: 10px !important; }

NOTEYou can incorporate both codes in the Custom CSS tab:

Step 3: Edit the Button Design Element

NOTEBefore proceeding, make sure you already have the Button Design Element on your page. You can check out How to Customize the Button Design Element to learn how to insert it into your pages.