Smaller button on video banner

Store Design
,
1

Hello:

I need help making my “top sellers” button smaller so that it isn’t blocking the video. HELP!

URL: ausomespparelco.com

2

@bnbrown88 - is domain name correct?

3

Hi Bnbrown,

I’m assuming you’re talking about the button on your home page. There’s probably some settings you can play with regarding buttons in your theme settings, but if you want it to be fixed for the homepage only, you can insert a custom HTLM block on your home page, and add the following code in it:

a.button.button--primary { padding: 0px; }

It’ll make your button smaller by removing a bunch of empty space on either side of the text.

4

Hi @bnbrown88

Is this only on the mobile screen? If it is try this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. 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:
@media only screen and (max-width: 749px){
.banner__box.content-container a.button.button--primary {
    padding: 0 5px;
}

And Save.

Result:

Made4uoRibe_0-1730216460942.png
Made4uoRibe_0-1730216460942.png474×385 118 KB

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

5

Sorry. it’s

6

Yes, only on mobile view. Can the font be smaller too? the word 'Apparel is running into the video.

7

entered the code but it is not like picture. Almost but the box is still touching the arm of the woman.