Elementor Question posted in
A comprehensive tutorial library can be found here.

Elementor – Color change, primary hover

I’m a beginner and a great desire to learn. But despite my best efforts there are things that I cannot solve.

Through the element inspector I understood that this color is the primary hover, set by default with this code: #eeac00

I want to change this color with a different code, that is: #000000

How can I do it elementor also provides me with a CSS editing section.
In case there was a need.

enter image description here

enter image description here

Tags:

2

Answers


  1. 0

    Try this CSS:

    .add_to_cart_button:hover{background-color:#000000!important;}

    Login or Signup to reply.
  2. 0

    If you want to change this color for all your website you can do it in multiple ways :

    • Make a child theme of your WordPress theme. Then change the color as you want. (Editor -> Appareance)
    :root{
  --primary_hover: #000000;
}

    • You can try to add this code into your Custom CSS from Elementor. Maybe, will it work.

    • Maybe not the best way if you do update of your theme but if not you can directly change it in your theme settings.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search