Further Customize Div with CSS

By combining the Div macro with the CSS Style Sheet macro you can do a lot. Here are some examples of popular uses.

Set A Background Color

1. Select the Div macro and click Edit.
2. In the Class field input a name. eg. orange
    
3. Add the CSS Style Sheet macro to the page.

4. Inside the CSS Style Sheet macro type the CSS for the background color you want. Remember to use the CSS Class you used in your Div macro as your selector eg. The following gives an orange background with transparency of 70%
   
   Published Result
   

   This is a Div with an orange background and a transparency of 70%

Use An Image As A Background

1. Select the Div macro and click Edit.
2. In the Class field input a name. eg. image
    
3. Add the CSS Style Sheet macro to the page.

4. Inside the CSS Style Sheet macro type the CSS for the background image you want, using a URL for your image. Remember to use the CSS Class you used in your Div macro as your selector eg. 
   
   
   Published Result
   

   This Div has a background image