How do I adjust the size of the borders in a text box?

[lukafernada]

I want to decrease the height to this much but it won't do it without squashing the writing

Alternatively, is there a way I can remove the text box white overall and just have the button, then I can edit in a white square in the photo behind it.

My website URL is cheffings.net

[comercioservice · Accepted solution]

@lukafernada 

hi Hope you are well,

I’ve taken a look at what you need—just a little CSS magic, and everything will be fixed! Follow my steps, and you'll have it sorted in no time!

1, from admin, go to Online Store > Themes.

2, Actions > Edit code for your active theme.

3, Find and open the theme.liquid file, maybe in the Layout folder.

4, Look for the </head> tag and paste the code in the end

<style>
.banner__box {
    padding: 0rem 3.5rem;
}
</style>​

result: 

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

Thank you