Customize Template CSS

Customizing the CSS for your DecoNetwork site opens up a world of possibilities for tailoring your online presence to perfectly match your brand’s identity. The Custom Template CSS page features a robust CSS editor, giving you the flexibility to make precise changes to the look and feel of your site. Whether you want to tweak the default styles of your selected theme or refine the appearance of the customer account area, the CSS editor allows you to apply your own styles effortlessly. This capability empowers you to create a unique and cohesive visual experience for your visitors, enhancing user engagement and satisfaction. By diving into custom CSS, you can ensure that every element of your site aligns with your brand’s aesthetic and provides a seamless, professional appearance.

To create custom CCS for the Theme/Customer Account Area:

1. On the Admin menu for your website, click Edit Website, then click Customize Template CSS.
   

   The Customize Template CSS page is displayed, containing a CSS Editor.

   

   Create Custom CSS is selected by default.

   
2. Tick the Enable custom CSS checkbox if you are creating the custom CSS for the website Theme.

   The CSS Editor will become enabled.

   Otherwise, click on Customer account are custom CSS to create custom CSS for the Customer Account Area.

3. Enter custom CSS code into the editor as required.
4. If you want to save the changes before you continue making more changes, do the following:
   1. Click Save & Continue.
   2. Click on Preview to view your edits to the website layout, without making the changes visible to visitors.

      Your website is loaded in a new tab with the selected theme and your saved changes applied for you to preview.

   3. Go back to the tab with the HTML Code Editor to continue to edit the code as required.

   If you are done editing and want to save the changes, but don't want the changes published live to visitors yet, do the following:

   1. Click on the Save button.
   2. Click Continue.

      The selected theme is saved as an unpublished version until you are ready to publish it. You can customize the theme using the Website Pages Editor. Click here for instructions on how to launch the editor and for information on how to use it.

      Don't forget to click Publish once you are ready to publish the changes live to visitors.

   3. Click on the Preview button if you want to preview your saved changes before you publish them.

   If you want to apply the Layout and immediately publish the changes live to visitors, do the following:

   1. Hover the mouse pointer over the Save button and click Save and Publish.
   2. Click Continue.