Increase size of button on homepage?

Topic summary

A user seeks help increasing the size of an ‘enter’ button on their Shopify homepage.

Solution provided:

  • Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
  • Open the CSS file (base.css, style.css, or theme.css) in the Assets folder
  • Add custom CSS code targeting the specific button element to increase width (200px suggested)
  • The code targets a specific section template ID for the video box info area

Follow-up requests:
The original poster asks how to:

  • Increase the text size within the button
  • Center the button text

Outcome:
The initial solution successfully increased the button size. An alternative suggestion using Beae Landing Page Builder was offered, involving editing the theme.liquid file. The user confirms the solution worked and expresses gratitude.

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

Hello all, I am trying to increase the size of the ‘enter’ button on the middle of my homepage. Is this possible? Thank you!

https://shortcomings.store/

password: aloe

1 Like

Hi @shortcomings

Try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
#shopify-section-template--20689423991101__444653d7-cd39-42a4-863b-0f9677a29b02 > div > div.videoBoxInfo > a {
    width: 200px;
}
  • And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like

Fantastic, that seems to work! Is there any way to increase the size of the text in the button?

Hi @shortcomings ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

1 Like

And center that same text in the button?

Worked fantastically, thank you!