Changing the colors from general styles

Changing the color of different elements


Changing the colors from general styles


You can change the color of elements from general styles from the customize styles window. To open it, click on the paintbrush icon in the top right corner of the screen.




From there you can open the settings for all different elements - text, headings, button, etc - and change their color. You can also change the entire color scheme of the template if you click on the "Choose a different color scheme" dropdown menu and then choose a color.


For example, to change the color of a heading, check first, which text style the heading is written with. If it is Heading 1, open the Heading 1 settings from the general styles window, and then choose another color for Heading 1. After that, all the text written with Heading 1 changes into that color.




You can change the link color in the header, footer and regular text area also from general styles. For that, search under Header (1) and Footer (2) for the option "Link Color". Also, under Links (3), there is the option "Color". You can enter the color code in the color field, or choose it manually.




Changing the color of different elements


Changing the background color of blocks


You can change the outer as well as inner background color of blocks.


To do that, move your mouse to the left corner of the layout row, until the wrench icon appears, as shown in the picture below. Click on the icon.



The Layout row properties window appears, where you can choose the background color you like, either for the inner or outer background. Click on the color choosing window or enter the color code by hand.



After that click "OK" and the row gets the chosen inner/outer background color.



To remove the background color, delete the color code from the Layout row properties window and click "OK".


You can design how your newsletter looks by changing the color of blocks like that. So for example if you put in your template spacers that have the same color as the background, you can make the newsletter look like consisting of separate blocks.


Changing the color of a specific link


To change the color of one link, select the word(s) that contain the link. After that, click on the link button on the toolbar, as shown below.



A pop-up window appears. Click on the "Advanced" tab and from there, under "Style", you can enter the color code for the link. After that click "OK" and the link will get the entered color.



 To remove the custom color of a link, delete the color code from the same place.