Customizing Module Background Color or Image

Customizing the background color or image of modules can bring more depth to your ePortfolio design. The tools for customizing the module background are found in the Style editing menu for the module you have selected.

If you would like to add a background image or color to a module: select the module you would like to customize and then select the Settings icon (1) for the module and then the Edit icon (2) to customize the style.

New_Digication_Customize_Module_Step_1_.png

 

New_Digication_Customize_Module_Step_2_.png


You have several options to customize your background image or color. Select a color (1) option for your background from the color palette or you can customize further by entering a hex code (2). For more information about hex codes, take a look at this resource: https://htmlcolorcodes.com/

New_Digication_Cusomize_Background_Color_1_and_2_.png


In addition to selecting a color for your background you can also change the opacity(1) of the color to fit your needs. Adjusting the opacity to less than 100% will allow the background color or image of the slide content background behind the module to show through.

New_Digication_Customize_Color_Opacity_.png

 
If you would prefer to have an image as your background you can Select an Image (1) of your choice as your module background. You also have the options to make it Fixed and/or Repeat(2). When a background image is Fixed the image will remain in a fixed location within the module. When a background image is set to repeat, the image will repeat to fit the entire space of the module. The repeat may create a tile like pattern.  Beyond selecting an image for your background you can also change the opacity(3) of the image. Adjusting the opacity to less than 100% will allow the background color or image of the slide content background behind the module to show through.

New_Digication_Image_Module_Image_Selection_.png

Repeat Disabled

Screen_Shot_2018-03-12_at_2.33.37_PM.png

 Repeat Enabled (2) and Opacity adjusted (3)

New_Digication_Image_Module_Repeat_.png


In addition to customizing the background color or image you also have the option to adjust Padding (1) in any Rich Text modules. Padding creates space (2) between the top and side edges of a module and the text content. 30-40 pixels of padding is recommended to add more space and increase the readability of the text content in your ePortfolio page.

 Padding set to 10 pixels     
 
Padding set to 35 pixels
New_Digication_Padding_10_point.png New_Digication_Padding_35.png 

                       

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

0 comments

Article is closed for comments.