Moosend's Campaign Editor is a phenomenal tool which allows you to create beautiful and stylish campaigns with ease, and then customize them to your heart's content! One of the ways you can change the look of your Product is by adjusting the style of its Button .
Let's see how it's done:
1. Hover over your product and click on the Settings icon to display its settings on the top side of your Campaign editor page.
2. Then, scroll down the Product settings and click on the Button Styles option to expand the menu.
You are now presented with quite a few ways to alter your product's Button.
- Button Color
Choose a color for your Button out of a color palette. - Label Color
Choose a color for your Button's label out of a color palette. - Border Color
Choose a color for your Button's border out of a color palette. - Font Family
Choose a font for your Button's label using the drop-down menu. - Font Size
Choose a font size for your Button's label either by using the up/down arrows, or by simply typing the desired number directly into the area next to the arrows. - Decorations
Choose whether your Button's label will be in Italics, Bold or Underlined (or all three!) - Alignment
Use the drop-down menu to choose the alignment of your Button, thus determining where the Button will 'sit'. You have three alignment options to choose from: Left, Middle, and Right. - Button Width
This option provides you with a drop-down menu so that you can specify your Button's width. You have three options: Full Width, Fit to Text and Custom Fit.
If you go for Full Width, your Button will span the entire width of the Product field. You then have these options:
- Padding
Set the Padding (in other words, the height) of you Button, using the up/down arrows or typing the desired value directly into the area next to the arrows.
- Border Width
The Border Width option allows you to increase or decrease your Button's border, either by using the up/down arrows or by typing the desired number directly into the area next to the arrows. - Corner Radius
Finally, the Corner Radius option allows you to choose how rounded your Button's border corners will be. You can, once again, set this using the up/down arrows or, alternatively, by just typing the desired value in the area next to the arrows.
If you select Fit to Text, your Button's width will be dependent on, and change accordingly to, the text. You then have the following options:
- Padding
Set the Padding (in other words, the height) of you Button, using the up/down arrows or typing the desired value directly into the area next to the arrows.
- Margin
Use this option to specify how far 'in' (with regard to the product's code) you want your Button to start. You can set this using the up/down arrows or by typing the desired number directly into the area next to the arrows. - Border Width
The Border Width option allows you to increase or decrease your Button's border, either by using the up/down arrows or by typing the desired number directly into the area next to the arrows. - Corner Radius
Finally, the Corner Radius option allows you to choose how rounded your Button's border corners will be. You can, once again, set this using the up/down arrows or, alternatively, by just typing the desired value in the area next to the arrows.