Customize Your Privacy and Cookie Policy Popup

If you want to change the colors in the Privacy and Cookie Policy Popup, add this to your Theme's Custom CSS Section.

CSS


/**
* Privacy Popup Colors
************************************************/
.sm-user-ui .sm-cookie-consent {
  background-color: #f9f9f9;
  color: #555;
  border: 1px solid rgba( 0, 0, 0, .1 );
}

.sm-user-ui .sm-cookie-consent h2 {color: #333;}

.sm-user-ui .sm-cookie-consent a.sm-accent {color: rgba( 215, 128, 21, .7 );}

  .sm-user-ui .sm-cookie-consent a.sm-accent:active,
  .sm-user-ui .sm-cookie-consent a.sm-accent:hover,
  .sm-user-ui .sm-cookie-consent a.sm-accent:visited {color: rgba( 215, 128, 21, 1 );}

.sm-user-ui .sm-cookie-consent button[data-skin="accent"] {
  background-color: rgba( 215, 128, 21, 1 );
  color: white;
  transition: all .5s ease-in-out;
}

  .sm-user-ui .sm-cookie-consent button[data-skin="accent"]:hover {background-color: rgba( 215, 128, 21, .8 );}

.sm-user-ui .sm-cookie-consent button[data-skin="default"] {
  background-color: rgba( 0, 0, 0, .05 );
  color: #555;
  transition: all .5s ease-in-out;
  border-color: rgba( 0, 0, 0, .08 );
}

  .sm-user-ui .sm-cookie-consent button[data-skin="default"]:hover {background-color: rgba( 0, 0, 0, .08 );}

Powered by SmugMug Owner Log In