Articles on: OneHash CRM | Website

Website Theme


Website Theme


OneHash provides advanced theming capabilities to customize the look and feel of your website and make it match your brand.


Home > Website > Setup > Website Theme


  • How to create a Website Theme

    1. Go to the Website Theme list and click on New.
    2. Enter a Theme Name.
    3. Click on Configure Theme and customize your theme.
    4. Click on Save.


    Check out the GIF on creating a Website Theme:




    Note: Make sure you set the Website Theme in Website Settings for the theme to be applied.


  • Features


  • 2.1 Theme


    The Configure Dialog is there for bootstrapping a basic theme. However, if you know SCSS and Bootstrap 4 theming, you can manually write custom SCSS in the Theme field and the corresponding CSS file will be compiled and applied to your website. Learn more about Bootstrap 4 Theming here.


    If you take a look at the default theme generated by the configure dialog, it imports frappe/public/scss/website and OneHash/public/scss/website. These are the default theme files for frappe and OneHash app. You can remove them if you want to write all of the CSS by yourself.



    2.2 Custom JS


    You can also write custom JavaScript that will run when your theme is applied. Use it add/remove classes from elements, or any script that helps you change how your elements look.



    Updated on: 22/03/2023

    Was this article helpful?

    Share your feedback

    Cancel

    Thank you!