Introducing the Theme Customization Tool. For our templates built on the HubSpot CMS we have developed a new module which will allow the users of our templates to easily change the colors, content width and font sizes live from our demos.

How can I add my new code to the template?

Theme Customization Tool

You have two options to apply the new code to your template.

  1. Go to your Marketing portal, go to the editor of one of your website pages that is currently using the template. Go to ‘Settings’, next ‘Advanced Options’ and scroll down to ‘Page Stylesheets’. Click on the link that ends with ‘.css’. Replace the existing code in the CSS for the new customized code. The area is marked with “Replace this CSS with your copied CSS”, and a lot of Hashtags*.

  2. Go to your Marketing portal, select ‘Design Manager’ under ‘Content’, search for the Stylesheet and open the CSS of your template. Replace the existing code in the CSS for the new customized code. The area is marked with “Replace this CSS with your copied CSS”, and a lot of Hashtags*.

     

    *Warning: only replace the code within this marked field (See image below).

The final step

Theme Customization Tool

Once the code has been replaced, press publish and you have successfully customized your template! Rather watch this how-to in video format?

Check the video tutorial here, password: WX.

Easy peasy lemon squeezy, right?

 

Why is does it not work with my template?

  1. The theme customization tool currently only works for Convertized, Suave and Consultare.

  2. If you bought your template before February 2018, it is possible that your template is using the old CSS file. In this case, we can update your CSS file or send you the new version of our template.

  3. If neither of these 2 points mentioned above apply, please contact us directly at info@webxpertos.com or via our live chat on www.webxpertos.com

View HubSpot Marketplace Templates

Learn More