Advanced Button Styling Through Code

Code for this button

TICKETS

Step 1 – Add code to your page.

Add a <code> block (Squarespace / WordPress) or HTML iframe (WIX).

Then paste in this code:

<script src="https://www.universe.com/embed2.js" data-state=""></script> <style> 

a.unii-listing-button { 
  display: inline-block; 
  text-align: center; 
  vertical-align: middle; 
  padding: 10px 30px 10px 30px; 
  text-decoration: none; 
}       

a.unii-custom { 
  background-color: #5f526e;
  color: white; 
  border: none;
}    

a.unii-custom:hover { 
  background-color: #edd1c0;
  color: #333;
}    

.centered {          
  text-align: center  !important;
}
</style> 

<div class="centered"> 
     <a class="unii-listing-button unii-custom" href="YOUR EVENT’S UNIVERSE URL">
           <p>   TICKETS   </p> 
     </a> 
</div>
Step 2

In the code above, change “YOUR EVENT’S UNIVERSE URL” to the actual Universe URL.

*You can also change TICKETS to whatever you want.

*Adjust the hex numbers ( #edd1c0 ) to your brand’s colors.

Code for this button

TICKETS

Step 1 – Add code to your page.

Add a <code> block (Squarespace / WordPress) or HTML iframe (WIX).

Then paste in this code:

<script src="https://www.universe.com/embed2.js" data-state=""></script> <style> 

a.unii-listing-button { 
  display: inline-block; 
  text-align: center; 
  vertical-align: middle; 
  padding: 8px 28px 8px 28px;   
  text-decoration: none; 
}       

a.unii-custom { 
  color: white; 
  background-color: transparent;        
  font-size: 1em;  
  border: 3px solid white;
}    

a.unii-custom:hover { 
  background-color: white;  
  color: #5f526e;
}    

.centered {          
  text-align: center  !important;
}
</style> 

<div class="centered"> 
     <a class="unii-listing-button unii-custom" href="YOUR EVENT’S UNIVERSE URL">
           <p>   TICKETS   </p> 
     </a> 
</div>
STEP 2

In the code above, change “YOUR EVENT’S UNIVERSE URL” to the actual Universe URL.

*You can also change TICKETS to whatever you want

*Adjust the white or the color hex numbers ( #5f526e ) to your brand’s colors.