Increasing text size in button

Hi there,

Having difficulty working out how to increase the size of text inside buttons I add to a site I'm working on. Have seen a couple of other posts on the subject but haven't discovered a solution that works. 

In the Design-Site Styles-Fonts-Buttons section I can adjust the size of how big a small, medium or large button appears, the weight of the font and the letter spacing. In the Design-Site Styles-Buttons section I can adjust the padding (which just increases and decreases the size of the buttons themselves again).

If in the Fonts section I increase the font Base Size (which I don't want to do as only want to change the button text size) this increases the font size in the button, but also the size of the button itself.

I can't find how to change the size of the actual text which appears within the button.

Any help gratefully received.

On 8/11/2021 at 2:24 PM, Coggleton1 said:

Hi there,

Having difficulty working out how to increase the size of text inside buttons I add to a site I'm working on. Have seen a couple of other posts on the subject but haven't discovered a solution that works. 

In the Design-Site Styles-Fonts-Buttons section I can adjust the size of how big a small, medium or large button appears, the weight of the font and the letter spacing. In the Design-Site Styles-Buttons section I can adjust the padding (which just increases and decreases the size of the buttons themselves again).

If in the Fonts section I increase the font Base Size (which I don't want to do as only want to change the button text size) this increases the font size in the button, but also the size of the button itself.

I can't find how to change the size of the actual text which appears within the button.

Any help gratefully received.

Hi. Can you share link to page where you use button?

Did anyone work out how to do this, I am having the same problem on my page: https://www.i-need-a-copywriter.com/

On 8/18/2022 at 4:03 PM, glockwriter said:

Did anyone work out how to do this, I am having the same problem on my page: https://www.i-need-a-copywriter.com/

You mean 7 buttons on homepage?

Update: You can use these CSS code to Custom CSS

/* primary buttons */
[class*="sqs-button-element--primary"] {
    font-size: 30px !important;
}

/* secondary buttons */
[class*="sqs-button-element--secondary"] {
    font-size: 40px !important;
}

/* tertiary buttons */
[class*="sqs-button-element--tertiary"] {
    font-size: 50px !important;
}