Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
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
Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!
This worked! Thank you!
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.
Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-TekLabs to discuss practical strategies for...
By JasonH Nov 13, 2024The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024