How to change the hover / mouse over color of pitech button - Forum | JoomShaper
Solved SP Page Builder

How to change the hover / mouse over color of pitech button

Asked by Mike 3 years ago Last activity 3 years ago

Hi guys,

If you head on down to:
https://www.joomshaper.com/joomla-templates/pitech and go to the Pricing page of the demo, under the heading, "Take Simple pricing Features you love" you'll find 3 blue "Purchase" buttons.

I can change the colour of these buttons easily enough but I can't figure out how to change the background colour that is shown when they are moused over or hovered upon.

Here's a shot of what they look like while moused over: https://prnt.sc/gyMiRKrnFL3Q

How do I adjust the background colour of these buttons that is only revealed when they are moused over?

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
3 years ago

Use this custom CSS in your custom.css file

body .sppb-btn.sppb-btn-secondary:hover, body .sppb-btn.sppb-btn-secondary:focus, body .sppb-btn.sppb-btn-secondary:active, body .sppb-btn.btn-seconday:hover, body .sppb-btn.btn-seconday:focus, body .sppb-btn.btn-seconday:active, body .sppb-btn.btn-primary:hover, body .sppb-btn.btn-primary:focus, body .sppb-btn.btn-primary:active, body .btn.sppb-btn-secondary:hover, body .btn.sppb-btn-secondary:focus, body .btn.sppb-btn-secondary:active, body .btn.btn-seconday:hover, body .btn.btn-seconday:focus, body .btn.btn-seconday:active, body .btn.btn-primary:hover, body .btn.btn-primary:focus, body .btn.btn-primary:active{
        background: linear-gradient(251.87deg,rgba(255,255,255,0.2) -15.74%,rgba(255,255,255,0) 58.65%),#0fe3d8 !important;
}

5 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us. Could you please give me your site URL so that I can check?

-Regards.

Mike Asked this
3 years ago · edited

I can't share the URL. Can you help?

Mehtaz Afsana Borsha Staff
3 years ago

Hi

Sorry for the delay. We have weekend here that's why late reply. I need the URL to solve the issue.

Mike Asked this
3 years ago

That's all good. No problem.

Sorry but it's on Xampp locally in dev.

I could set up a Pitech quick start on my server but a bit of mucking around.

I couldn't find a way to change it even on your demo site using the Inspect Element in Chrome.

I'm surprised others haven't asked... Maybe it's very obvious and I've just overlooked it.

Log in to reply.