Register

What is the Slot Background Color and how can I use it to design my newsletter ?

If you wish to know about the world of email marketing then you must learn about it in its particular details. That's why when you design your latest newsletter using our super flexible Moosend Editor, you'll find that you can get down to the nitty gritty and bring your newsletter to absolute perfection with ease.

After you've begun defining your newsletter design's structure using the various Containers, you can also start adding Elements to each available slot, filling the structure with content. Each Container you use comes with its own fully customizable group of Container settings. One of the most surprising options contained in the settings is the Background Color option available for each separate slot. Typically this setting is left as transparent, but the option is there if you want to use it. 

Let's see what it does:

1. Click on the Settings symbol, appearing on the right side of the Container when you place your mouse over it, to open the Container settings.
Slot Background Color Step 1 : Click on the Settings button on the side of the container

Make sure that your Container has no Elements added to it, so that it's clearly discernible how changing the Background Color of each slot affects the look of your newsletter design.


2. Click on the Background Color field, located on the left side of your Editor page, for each separate slot in the Container.
Slot Background Color Step 2 : Click on the Background color field

A colour pallet appears. It consists of the follow parts:

  • The colour gradient map
    Use it to pick the gradient of the colour you want to use.

  • The colour bar with all the colours available
    Use it to pick the colour that you want to use.

  • The transparency bar
    Set to the far let makes the coloured area fully transparent, whereas on the far right setting any transparency is removed. 

  • The hex code for the current colour choice
    Enter the Hex code or the values for each colour constituent separately (R is for Red, G is for Green, B is for Blue and A is for Transparency).

  • The preset colour options
    Available are some preset colour options for you to choose a colour quickly.


3. Change the Background Color using the pallet options.
Slot Background Color Step 3 : Change the background color from the palette


For the Row Color change to be made obvious you might want to momentarily increase the Row Padding and/or the Slot Spacing option so that distance is created between the different components inside the row and the differences between the Background Colour of each slot and the Row Colour stands out.

Now that you're familiar with how the background colour of each slot can be changed, make sure you take advantage of it to tweak your design and make it look amazing!