How do I change the size of the image-banner button (make it wider) - Dawn Theme

Hello,

I would like to make the button / switch area on the image-banner of the landing page just a little bit wider.

I think it would look much more elegant if the button was a bit wider and want the text to adjust to it as well.

The changes should only apply to the image-banner button on the landing page.

Can somebody provide me with a corresponding code ?

I am using the Dawn theme and this is my store url: justincase-de.com

Kind regard.

Hi @JustInCase-de

Please follow these steps:

  • Step 1: Access to your Shopify Admin > Theme > Edit Code:

  • Step 2: Find any CSS file, which should be base.css or global.css.

  • Step 3: Insert the following code at the bottom of the page and save. If it doesn’t work, please try inserting it into another CSS file.
.banner__box .banner__buttons .button{
  padding: 2rem 5rem;
}

I hope that it will work for your site.

That worked!

Thank you very much and kind regards.

Sincerely,

JustInCase

Hi @JustInCase-de

We’re happy to see that our suggestion helped you solve the issue. Can you kindly give us a like and mark it as a solution? This can be a reference for other merchants if they have an issue like you.

Thanks in advance.