Hushly Themes for V3

Modified on Wed, 23 Aug 2023 at 10:39 PM

Hushly's Themes establish the overall appearance and functionality of the Hub. The Hub includes two predefined Themes that can be activated when V3 is live on your sub-domain. To make changes to the Themes, clone the Theme.

To configure a Theme for your Hub, follow the steps outlined below:

  1.  Access the Left Nav Menu and navigate to Hub > Select a Hub > Themes.
     
  2. Within the Themes section, you will find two predefined options: Theme 1 and Theme 2
    Note: You can only choose one Theme at a time, with Theme 1 being the default selection. 
  3. To preview a Theme and gain insights into its visual appeal, layout, functionality, and usability, simply click on the Preview icon.


  4. When you are ready to add a Theme to a Hub, click on the Activate button. 
  5. Each Theme block has a three-dot menu located at the top. Click on these dots to reveal the Clone option.
    By selecting Clone, you will create a replica of the chosen Theme, including its layout, style, and functionality. This cloned Theme can serve as a foundation for new projects or customization based on specific requirements.

    To Clone and Edit a Theme:
    1. Click on Clone.
    2. Enter the Name and Description for the Cloned Theme. Click Save.

    3. The Cloned Theme will be added to the list. Click on the Edit option to further customize or modify the Theme as needed.


      Note: Only the cloned Themes are editable, and the default Themes cannot be modified.


      Customize

      Fonts:  Add the names of the desired 
      Base and Heading Fonts you wish to use.


      Text Colors: Choose the Text Colors for Primary, Secondary, and Light Texts. Click on the Color bar to access the color palette and select any desired color.



      Buttons: Set the Button Color, Text Color, and Button Border Color.


      General

      Under General settings, define the position of the Filter and the SNLP Recommendations.
      The Show Excerpts toggle and Show Read/Watch time toggles are enabled by default. disable these toggles if you prefer not to use them.


      Styles
      If necessary, you can add a Custom styling code in the provided field.


  6. To delete a Cloned Theme, click on Delete.


Related Topics
Creating a Hushly V3 Hub
Centralized Branding for Hushly V3 Hubs

Adding Custom Code to your V3 Hub


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article