Hello Boho Buttons
On Hello Boho the footer button changes size and color depending on what page you are on within the store (example the index page and a catalog page). I would like the smaller button in black to be the default. How do I do that?
Thanks!
I see what you mean. I’ll be fixing that in the theme file. For now go to your style sheet, or Appearance > Customize > Additional CSS and add this
.woocommerce .footer-widgets a.button {
background: #fff !important;
border: 3px solid #222 !important;
color: #222 !important;
font-size: 2.0rem !important;
letter-spacing: .2em !important;
padding: 8px 20px !important;
font-family: ‘BN’!important;
line-height: 2;
}
.woocommerce .footer-widgets a.button:hover {
background: #c9e4e2;
border: 3px solid #c9e4e2 !important;
color: #222;
}
Be sure to clear your hosting and browser cache. That should change it to match throughout the site. Let me know if you have any issues.
Perfect, thank you!
Please login or Register to submit your answer
What is a link to the site to view what is going on?
My site actually isn’t live yet but your demo is doing the same thing. It is the client portal button.
It is large and white on this page: http://helloboho.helloyoudemos.com/
On the store pages it is black http://helloboho.helloyoudemos.com/shop/