Increase logo and display it on the left

CSS Codes Age Verification
1

Add the code below to Custom CSS field on the Appearance tab of your Age Verification widget’s settings:

@media (min-width: 768px) {
  .eapp-age-verification-item-content {
    max-width: 920px !important;
  }
  
  .eapp-age-verification-item-container {
    padding-left: 50%;
    position: relative;
  }
  
  .eapp-age-verification-item-logoContainer {
    display: none;
  }
  
  .eapp-age-verification-item-message {
    margin-top: 0;
  }
  
  .eapp-age-verification-item-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: url(https://files.elfsightcdn.com/eafe4a4d-3436-495d-b748-5bdce62d911d/25378f8b-4e8b-4212-8a5f-435e0a58dae6/tres-generaciones-tequila-logo-lines.webp) center center / 80% no-repeat rgb(18 37 29);
  }
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face: