Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Increase Button Size with CSS. Hero Button Only

Solved

Increase Button Size with CSS. Hero Button Only

WesQ
Excursionist
32 1 4

Hi,

I had a hero video on a regular page and to change the button size I was given this code which works perfectly: 

 

 

.hero__link .btn {
    width: 200px !important;
    height: 50px !important;
}

 

 

I now have the hero video on the home page but when I use the above code it affects the buttons on the entire page. Is there something I am missing to just target the button in the hero video banner? The website is Bionicgym.com

 

Accepted Solution (1)

AnneLuo
Shopify Partner
1138 211 235

This is an accepted solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Customize.
Step 2: Find the video section in your theme editor. Add your css code to the custom css box. 

           It only works on the button in this section

AnneLuo_0-1716985643041.png


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

View solution in original post

Replies 2 (2)

AnneLuo
Shopify Partner
1138 211 235

This is an accepted solution.

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Customize.
Step 2: Find the video section in your theme editor. Add your css code to the custom css box. 

           It only works on the button in this section

AnneLuo_0-1716985643041.png


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   

Buy Me A Coffee

WesQ
Excursionist
32 1 4

This worked! Thank you!

Screenshot-2024-05-29-133132.jpg

This is what I was trying all morning and it was messing with the formatting. Once removed the formatting went back to normal. I must have been missing something from the code I was pasting into this section.....I didn't have !important; at the end of font size.