How to enlarge the text of a specific button using code?

Store Design
1

How do you make just one button bigger with the code. This is the text I wanna make bigger.

JeffRandal1238_0-1672969967853.png
JeffRandal1238_0-1672969967853.png1210×622 55.4 KB

This is what I have

JeffRandal1238_1-1672969987974.png

2

Heres my store link if needed https://modverchristmas.myshopify.com/

3

Hi @JeffRandal1238

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

.button–primary {

width: 700px !important;

height: 100px !important;

}

PageFlyVictor_0-1672970819100.png
PageFlyVictor_0-1672970819100.png1106×492 23.9 KB

Hope that my solution works for you.

Best regards,

Victor | PageFly

4

Hello @JeffRandal1238

It’s GemPages support team and glad to support you today.

You can follow these steps:

  1. Go to Online Store → Theme → Edit code
  2. Open your base.css file and paste the following code below:
.button--primary{
    width: 500px;
    height: 70px;
    font-size: 21px;
}

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team