How To Change The Hover / Mouse Over Color Of Pitech Button
Mike
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?
Mehtaz Afsana Borsha
Accepted AnswerUse 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;
}Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me your site URL so that I can check?
-Regards.
Mehtaz Afsana Borsha
Accepted AnswerHi
Sorry for the delay. We have weekend here that's why late reply. I need the URL to solve the issue.
Mike
Accepted AnswerThat'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.
Mehtaz Afsana Borsha
Accepted AnswerWhen your site will be online just ping me here. Meanwhile you can follow this link below:
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action