How can I modify the text size and style of a button?

Store Design
, , ,
1

Hi Guys,

I would like to make the Apply Now button text size from collaboration page smaller and button width larger. I would appreciate your help.

Preferably the following:

padding: 10px 70px;
font-size: 10px !important;

URL: https://basicbastard.co/pages/collaboration

Screenshot 2023-05-16 at 12.45.43 PM.png
Screenshot 2023-05-16 at 12.45.43 PM.png1550×720 120 KB

1 Like
2

Hi @basicbastardco

Please follow the instructions below

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to Asset folder and open the base.css file
  3. At very end of the code, add the code below
a.collabs-page__cta-main.collabs-page__corner-rounded {
    padding: 10px 70px;
    font-size: 10px !important;
}

Result here:

made4Uo_0-1684340938468.png
made4Uo_0-1684340938468.png1015×402 99 KB

1 Like
3

Hello @basicbastardco

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.collabs-page__intro a.collabs-page__cta-main.collabs-page__corner-rounded {
    padding: 10px 70px !important;
    font-size: 10px !important;
}
1 Like
4

Thank you for trying to help. The code is not working. I added at the end of base.css file.

5

Hi @basicbastardco

You have code error in your base.css. I wound recommend fixing that.

You can use the following instructions instead, until you fix the base.css file

  1. From you Admin page, go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Go to layout folder and open the theme.liquid file
  3. Find the , and above that line, paste the code below