Button Bold

[Josh_01]

Store link: https://expert-wc.myshopify.com/ Password:9091

I want to bold All "Button label" in that section.

[HDL-Shin]

Hi @Josh_01, 

You can try this code by following these steps:

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

Step 2: Search file base.css, theme.css, styles.css

Step 3: Insert the below code at the bottom of the file -> Save

.button {
  margin-left: 2px !important;
}
.button:after {
  --border-offset: 1.3px;
}

Result: 

Hope this can help you
Kind regards, 
HDL-Shin

[Josh_01]

Kindly I want to  bold the text on the button.

[PageFly-Henry]

Hu @Josh_01 

This is Henry 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

a.button.button--secondary {

    font-weight: 900 !important;

    font-size: 24px !important;

}

Also, I think you should round the button to make it softer

Hope that my solution works for you.

Best regards,

Henry | PageFly

[Josh_01]

Please bold the text on the button.

[devcoders]

Hi @Josh_01 

- Go to Online Store -> Theme -> Edit code.
- Find the file assets/custom-style.css and paste the code below at the bottom of the file."

.button, .buttonmutirow {
font-weight: bold!important;
}

[Josh_01]

Is it possible to make button text bold like  text 'Row' ?

[devcoders]

Hi @Josh_01 

- Go to Online Store -> Theme -> Edit code.
- Find the file assets/custom-style.css and paste the code below at the bottom of the file."

.button.button--secondary {
font-family: Reckless!important;
font-size: 25px!important;
}

[devcoders · Accepted solution]

Hi there

- Go to Online Store -> Theme -> Edit code.
- Find the file assets/base.css and paste the code below at the bottom of the file.

.button.button--secondary {
font-family: Reckless;
font-size: 42.63px;
font-weight: 700;
line-height: 55.41px;
text-align: left;
color: #252425!important;
}