Why do cart buttons turn invisible on hover in the Broccoli theme?

Technical Q&A
,
1

My store is called hustlerslimit.com and I’m having an issue where the buttons go invisible before when you hover over them in the cart menu, so right before the checkout part. And it’s not in any of the colour settings as I’ve searched, there’s not even an option for hover colour settings on the cart page, at least with the theme I’m using. I’m using the Broccoli theme from Envato elements.

2

Hi @HustlersLimit ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme-custom.css->paste below code at the bottom of the file:

.theme-default-button {
    border: 1px solid #000 !important;
}
.theme-default-button:hover {
    color: #000 !important;
}

PageFlyRichard_0-1676386172908.png
PageFlyRichard_0-1676386172908.png805×542 12 KB

I hope it would help you
Best regards,

Richard | PageFly

3

Thanks! This solution worked very well but I have another problem, when I hover over the button which people would press to confirm themselves signing up to the newsletter it goes invisible, it’s like a small arrow at the bottom of the page in the footer and it’s attached to the box where you’d write your email in

4

Hi @HustlersLimit ,

Sure, I’m happy to help you. Let’s try this solution:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme-custom.css–>paste below code at the bottom of the file:

.footer-newsletter .btn-wrapper .btn {
    border: 1px solid #000 !important;
}
.footer-newsletter .btn-wrapper .btn:hover {
    color: #000 !important;
}

.ltn__main-menu>ul>li>a:hover {
    color: #fff !important;
}

I hope it would help you
Best regards,

Richard | PageFly