Hover effect on buy button Options

[JesperN]

Hi everyone,

I'm facing a difficulty in making a hover effect on my primary buy button on my web shop. I've tried to write this css code:

.laksh_product_buy_button:hover {background-color: #3e8e41}

.laksh_product_buy_button:active {
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);

But it does not work.

Anyone who can help me?

Link to site where button is:

https://billig-alarm.dk/shop/8--deluxe-alar...msystem-300-m2/

[pandy]

You have way too much CSS for little me to have the stamina to read through it. Maybe one of the errors causes it.

https://jigsaw.w3.org/css-validator/validat...ng=&lang=en

When I tried to add a rule to the bottom of your embedded style sheet it didn't take because you have one curly brace too little at the end of the below rule. Probably nothing after that is read. I didn't manage to locate the rule you posted here. If you had it in the embedded style sheet (but have removed it) this may be it. Otherwise maybe you have the same type of error elsewhere.

CODE

@media screen and (max-width: 600px) {
  div.panel.panel-category {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }