How can I enlarge the image header button in the Studio Theme?

[GeeKyuu24]

Hi Team.

How can make this image header button a bit bigger?

STORE: Glowcare.se

PS: Glowcare1991

[topnewyork]

Hi @GeeKyuu24

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above tag

.banner__buttons {
    width: 60%;
}
a.button.button--primary {
    width: 100%;
}

[Made4uo-Ribe]

Hi @GeeKyuu24

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:

a.button.button--primary {
    height: 5.5rem !important;
    width: 20rem !important;
}

• And Save.
• Result:
• 

[GeeKyuu24]

Is it possible to make it wider like this one?

[topnewyork]

@GeeKyuu24

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above tag

.banner__buttons {
    width: 100%;
}
a.button.button--primary {
    width: 100%;
}

[topnewyork]

@GeeKyuu24 If you want more wider then apply this.

.banner__buttons {
    width: 100%;
}
a.button.button--primary {
    width: 100%;
height: 10vh;
}

[topnewyork]

@GeeKyuu24 Please marked all the solutions which I provided and helped you in your website.

[GeeKyuu24]

Thank you guys, can we add the text to make it a bit bigger as well?

[topnewyork]

@GeeKyuu24 Yes sure, Please marked all the previous solutions as well

[topnewyork]

@GeeKyuu24

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above tag

a.button.button--primary {
    font-size: 25px;
}

[GeeKyuu24]

Yep, I will do that.

[Made4uo-Ribe]

Yes we can increase the size of that one also, but I cant see this image banner in your store.

[Made4uo-Ribe]

what do you mean, add more text of bigger the size of the text?

if you like to add the size try this one.

Same Instruction on my previous post.

a.button.button--primary {
    font-size: 25px;
}

And Save.

Result: