Changing the colours on your Katana site

ADVANCED GUIDE: FOR WEB DESIGNERS AND DEVELOPERS

This article contains all the CSS classes you need to change the primary colours on a Katana site. You will need the hex code for the colour you want to change it to (or its HTML name, reference here: https://htmlcolorcodes.com/)

If you would like this done for you, please contact our designers at info@realtyninja.com and let us know the specific colour you would like it changed to.

a, .primary-color { 
color: #000; 
}  

.primary-background-color { 
background-color: #000; 
}  

.blog-overview-wrapper .btn-outline { 
color: #000; 
border-color: #000; 
}  

.primary-border-color { 
border-color: #000; 
}  

/* darker versions of main colour */  


a:hover, a:focus { 
color: #333;  
}  

.btn-primary:hover { 
background-color: #333; 
}

Want your site professionally designed to match your branding or style? Let us create a semi-custom or fully custom design for you! More information here https://www.realtyninja.com/designs

Still need help? Contact Us Contact Us