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. 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 (1). After that, click on the link button (2) on the toolbar, as shown below.



A pop-up window will appear. Click on the "Advanced" tab (1) and from there, under "Style", you can enter the color code for the link (2). 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.