Changing the style of an article block

This article will demonstrate how you can personalise your article blocks to meet your company's brand guidelines.

Select the Article Block

Select the Article Block

Left click on the article block design that you would like to incorporate into your GatorMail design.

If the article block already exists and you would like to update/add your own colours to the article click on the article block that is displayed in the editor screen- then click the insert article block button in the editor, this appears on the right hand side an. As soon as you click on the insert article block button it will allow you to edit the article style to meet your requirements.

Click 'Insert Article Block'

Click 'Insert Article Block'

Step 2

Step 2

Once you have selected the template that you would like to use it will open up a new window, click on the use template button.

Step 3

Step 3

After clicking use template it will display the template with the default colours. You can edit the colours, font style and font size by clicking show style options.

Step 4

Step 4
  1. By clicking on the drop down box you can change the font face that meets your brand guidelines.
  2. Modify styles- if you click on the drop down box you will be presented with the option to use a previous design. This will save you time if you repeatedly use the same article block and want to use it repeatedly.
  3. You can search by user modified style - therefore if you had multiple users using the same article block but applying different styling you can filter by your user profile.
  4. Allows you to change the font colour, step 5 walks you through how to manually add a colour. The first colour is the title the second colour is the main body text and the third colour option is for the read more link.
  5. By clicking save colours these will be saved in the colour picker meaning you won't have to repeatedly add the RGB/HEX value colours
  6. The main colours mark the background of article block, an important point to note is whether your email design is black and you would like the article block to match the same back ground colour you will need to set the main colour as black. The first colour option is for the main body background and the second colour signifies the border around the image.
  7. The font sizes allows you to change the font size of the article, please note this is measured in PTS and not PX. The first size represents the article title, the second is for the main body text and the third is for the read more link.
  8. As you make changes this area will display a preview of the article block you are editing.

 Step 5

 Step 5

Click on the drop down box next to the colour that you wish to change - this will bring up a colour palette. To add a custom colour click on the RGB slides below.

Adding your personal colours

Adding your personal colours

After you have clicked on the RGB sliders you can either enter the HEX code or the RGB colour reference. If you do not have the RGB or the HEX colour you can add in the HSB or the HSV code.

 

0 Comments

Add your comment

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.