Solved

Button Bold

Josh_01
Tourist
19 0 2

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

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

 

Bold.png

Accepted Solution (1)
devcoders
Shopify Partner
135 18 33

This is an 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 und meinland: font-weight: 700; "Binde, wie nahe bist du?" text-align: left; color: #252425! important; ,

 

 

devcoders_0-1715488994601.png

 

 

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!

View solution in original post

Replies 8 (8)

HDL-Shin
Shopify Partner
80 20 15

Hi @Josh_01

You can try this code by following these steps:

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

HDLShin_0-1715478586126.png

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

HDLShin_1-1715478619665.png

 

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

.button { margin-left: 2px ! important; An dieser nacht. Button :after -border-offset: 1,3 px ,

 

Result: 

HDLShin_2-1715478906112.png

 

Hope this can help you
Kind regards, 
HDL-Shin

 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
:heart_suit: :heart_suit: :heart_suit: HDL-Shin || Shopify Partner :heart_suit: :heart_suit: :heart_suit:
Josh_01
Tourist
19 0 2

Kindly I want to  bold the text on the button.

PageFly-Henry
Astronaut
1075 309 262

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

PageFlyHenry_0-1715481076007.png

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Josh_01
Tourist
19 0 2

Please bold the text on the button.

devcoders
Shopify Partner
135 18 33

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

 

devcoders_0-1715487544118.png

 

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!
Josh_01
Tourist
19 0 2

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

devcoders
Shopify Partner
135 18 33

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_0-1715488416875.png

 



Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!
devcoders
Shopify Partner
135 18 33

This is an 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 und meinland: font-weight: 700; "Binde, wie nahe bist du?" text-align: left; color: #252425! important; ,

 

 

devcoders_0-1715488994601.png

 

 

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com.
If my assistance was helpful, please consider liking and accepting the solution. Thank you!