Deurali Pro Website Template Pack
Documentation

By default, Deurali uses (#2a8cd1) as a Primary Color, (#eb5503) as a Secondary Color and (#f5f7f7) as a Gray Color. To change the template color:

From Top Menu, Go to Design Manager and open deurali-style.css.

And then edit the primaryColor variable on line 328, secondaryColor variable on line 329 and grayColor variable on Line 331 with the color of your choice.

Only use light color for grayColor variable on Line 331

Only edit the Hex Code (Example: #2a8cd1, #eb5503 and #f5f7f7)

% set primaryColor = "#2a8cd1" %
% set secondaryColor = "#eb5503" %
% set grayColor = "#f5f7f7" %

By default, Deurali uses Open Sans font from Google Font. To change the font:

From Top Menu, Go to Design Manager and open deurali-style.css.

Changes the @import for the Google Fonts on line 2 to the font of your choice.

@import url('//fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800');

And then edit the baseFontFamily variable on line 334 with the font name of your choice.

% set baseFontFamily = "'Open Sans', sans-serif" %

For full list of font and more information visit the site: Google Fonts

Check this link for instruction https://support.google.com/maps/answer/144361

Check this link for instruction on how to setup Error Page https://knowledge.hubspot.com/site-pages-user-guide/how-to-customize-error-pages

To change CTA on custom Module, on text editor select the current CTA and delete it.

Then click on Insert link located at the top of text editor and select Calls-to-action.

A section will appears on the right. Now, create or select the CTA of your choice.

Click on Settings Icon at the top.

Then select Email from left side menu.

You can enter/edit any Email Footer Information that display on the bottom of the footer.

Click on Save button when you are done.

Click on Settings Icon at the top.

Then select Email from left side menu.

Scroll down to Size section and change Email Body Padding to 0. In order to make the template style same as in the demo, you will have to set Email Body Padding to 0.

Click on Save button when you are done.

In order to keep the email template intact, you will have to use the proper image size.

Deurali Newsletter Email Template V1:
Large Image Size (Max Width - 602px)
Small Image Size (Max Width - 255px)

Deurali Newsletter Email Template V2:
Hero Image Size (Max Width - 500px)
Feature Image Size (Max Width - 150px)

Deurali Newsletter Email Template V3:
Hero Image Size (Max Width - 500px)

Deurali Newsletter Email Template V4:
Hero Image Size (Max Width - 540px)

Deurali Newsletter Email Template V5:
Small Image Size (Max Width - 255px)

Deurali Newsletter Email Template V6:
Large Image Size (Max Width - 602px)

Deurali Newsletter Email Template V7:
Hero Image Size (Max Width - 600px)
Feature Image Size (Max Width - 200px)

Deurali Newsletter Email Template V8:
Large Image Size (Max Width - 540px)

If you have any question then please Contact Us. We are here to help you.