:hover and :focus on the calculation button

  • Resolved wordpressivan007

    (@wordpressivan007)


    5 years, 8 months ago

    Hello Codepeople!!!

    Excuse me for asking so much, if I am exceeding with the consultations please tell me. I have tried to use :hover and :focus on the calculation button but so far I have not succeeded.

    Can you help me?

    regards

    Anibal

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @wordpressivan007

    If you have assigned a class name to the calculate button (for example, my_button), you can define the styles as follows:

    
#fbuilder .my_button input{background:red !important;}

    Pay attention, I’m defining the selector as the input tag into the field with the class name: my_field

    Furthermore, look as I’m using the !important modifier in the css rule.

    Best regards.

    Thread Starter wordpressivan007

    (@wordpressivan007)

    Hello Codepeople!

    I made it work, I was making a mistake, what a fool…

    What I do not understand is why the following rule does not work in hover: border-color: #ffffff! Important;… because when we pass the mouse it does not activate…

    regards

    Anibal

    Plugin Author codepeople

    (@codepeople)

    Hello @wordpressivan007

    You have another class in your website that assigns to the button the css rule: border:0;

    So, the correct would be overwrite this css rule and not its components, as follows:

    
#fbuilder .botonhover input:hover{
border:1px solid #ffffff !important; 
box-shadow: 0 0 2em #008cdd !important;
}

    Best regards.

    Thread Starter wordpressivan007

    (@wordpressivan007)

    Hello Codepeople!

    The code worked perfectly, you are wonderful and geniuses! wow!

    regards

    Anibal

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘:hover and :focus on the calculation button’ is closed to new replies.