How to make primary button text bold?

Solved
Tourist
10 0 1

Hello!

How to make the text bold at all the primary buttons? 

 

Which/Where do I have to adjust the code? I can't find where to adjust primary buttons (for example 'shop now' and 'add to cart', 'pay now'. I would like to make the words bold that are attached to the code primary buttons!

 

Thanks!

0 Likes
Shopify Partner
1838 173 601

Hi, it would help if you let us know what theme you are using.

 

Thanks!

I turn coffee in to code - since 1998
0 Likes
Tourist
10 0 1

Hey thanks! Im using debut theme.

0 Likes
Shopify Partner
1838 173 601

You will need to edit your theme code so let's get started.

 

Step 1

Go to Online Store > Themes and then Actions > Duplicate to create a theme backup in case something goes wrong when changing the code.

 

Step 2

Go to Actions > Edit code and in the editor you will find Assets / theme.scss.liquid file in your folder pane. Open that and look for this bit of code

 

/*================ Buttons ================*/
.btn {
  @include user-select();
  @include prefix(appearance, none, webkit moz spec);
  display: inline-block;
  width: auto;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: $border-radius;
  padding: $input-padding-top-bottom-small $input-padding-left-right-small;
  background-color: $color-btn-primary;
  color: $color-btn-primary-text;
  font-family: $font-stack-header;
  font-style: $font-style-header;
  font-weight: $font-weight-header;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  white-space: normal;
  font-size: $font-size-base - 2;

 

Just change the one line in that

 

font-weight: $font-weight-header--bold; // used to be $font-weight-header;

Hit save and enjoy!

 

Best wishes!

I turn coffee in to code - since 1998
0 Likes
Tourist
10 0 1

Thanks it worked! Love you

0 Likes

Success.

Shopify Partner
1838 173 601

💕 you back!

I turn coffee in to code - since 1998
0 Likes
Tourist
8 0 1

Hey Karl, would you be kind enough to provide the appropriate solution for Brooklyn theme, please? Thanks in advance!

0 Likes