With just two lines of code in your custom CSS you can change your site primary and secondary color.


Log in to your Omnibasis site and navigate to omniSite \ Appearance. Select Appearance section.


  1. Create a new css file, for example custom.css
  2. Add custom colors using CSS custom properties (variables) as in example below. 
:root {    
--main-color: #700084;    
--accent-color: #01bbd4; 
}


You can also override any other CSS style


  1. Use source inspector, like one provided in developer section your Chrome browser.
  2. Navigate to an element you want to change. 
  3. Copy CSS style used and add to your custom CSS file. Here is an example on how to override messages in mobile wallet pass view. Note, you might want to add !important to a style to make sure you override it.
.digital-pass-apple-success .alert-success {  
        color: #700084;    
        background-color: #fff;    
        border-color: #fff !important; 
}
.digital-pass-apple-success h5 { color: #700084 }