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. The colors I picked fit my theme's colors, so feel free to change to suit.

Had somebody ask for a delay function, so I also included a delay pop-up function Delay Popup on the bottom. Just adjust the fade (1s) and the delay time (3s). Remove it if you don't want it.

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.text-accent {color: rgba( 215, 128, 21, .7 );}

  .sm-user-ui .sm-cookie-consent a.text-accent:active,
  .sm-user-ui .sm-cookie-consent a.text-accent:hover,
  .sm-user-ui .sm-cookie-consent a.text-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 );}

/* Delay Popup Start */
.sm-user-ui .sm-cookie-consent {
  opacity: 0;
  animation: 1s linear 3s forwards delayConsent ;
}

@keyframes delayConsent {
  from {opacity: 0;}
  to {opacity: 1;}
}
/* Delay Popup End */

Powered by SmugMug Owner Log In