Cookie Color & Mobile Button Color CSS

• 

  southenddc · Member · Jun 4, 2020 at 10:39 am

  • Copy link
  • Add topic to favorites

  Hi folks, im a noob at CSS but have managed to change the colour of my Cookie button to red but when i hover over it, it is still green as per the ‘Exford’ theme. The CSS im currently using for the button is this..

  body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
  background: red;

  What would be the next bit of CSS to make it hover to a different color?

  Also when i switch to mobile, the menu button itself is also green and id like to change that too….Any help would be appreciated.

  The blog I need help with is: (visible only to logged in users)

• 

  supernovia · Staff · Jun 4, 2020 at 10:51 pm

  • Copy link

  Hi,

  If you want to change *all* buttons from the green color in Exford, use this under Customize > CSS:

  button[data-load-more-btn], .button, button, input[type=submit], .wp-block-button__link, .wp-block-file__button, .a8c-posts-list__view-all, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept {
    background-color: red;
  }

  And add this for changing the hover color:

  button[data-load-more-btn]:hover, .button:hover, button:hover, input[type=submit]:hover, .wp-block-button__link:hover, .wp-block-file__button:hover, .a8c-posts-list__view-all:hover, body .widget_eu_cookie_law_widget #eu-cookie-law input.accept:hover {
   background-color: black;
  }

  You can adjust the colors as you like, of course. Hoping that helps!

• 

  southenddc · Member · Jun 4, 2020 at 11:27 pm

  • Copy link

  Thats spot on! Thanks so much for your help :)