Reduse size of a button on product page - Dawn Theme

Topic summary

A user seeks to reduce the size of a button on their product page using the Dawn theme.

Another participant suggests adjusting button size through theme settings or upgrading to a premium theme for better customization options.

A detailed CSS solution is provided:

  • Navigate to Shopify Admin β†’ Online Store β†’ Theme β†’ Edit code
  • Locate the theme.liquid file
  • Insert custom CSS code above the tag to reduce button dimensions

The original poster confirms the CSS solution works effectively and improves the page appearance. They note they prefer customizing their current theme rather than starting over with a new one.

Status: Resolved - the CSS modification successfully addressed the button sizing issue.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.

Hi

I want to make this button smaller, how can this being done? :slightly_smiling_face: Thanks in advance :slightly_smiling_face:

See attached image: (Skriv en vurdering button)

My storeurl:

www.dekanten.no

1 Like

That button can be reduced in the settings of the theme.

Dawn theme is a free theme, why don’t you upload a Premium Theme to enhance your store layout and look?

Hi @Dekanten ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like

Hi, thank u so much and this works like a charm. Better look now. :slightly_smiling_face: Once thank u again big time. :slightly_smiling_face:

1 Like

Hi, i could do so but i dont want to start over with all new stuff. I have a theme who works good with custom work so im well with that. : )

@Dekanten , No problem. Have a good day :heart_eyes: