Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Confirmed.

Divbox is a macro that enables you to separate content on your page into tabs. This helps to make your page visually appealing. 

Step 1:  Click on '+' on the menu bar, then  select 'other macros

                                              

Tip

Easy access of macros: type the symbol { then type the name of a macro. If you are not sure of the exact name, once you enter the symbol { click on 'open macros browser'  

Step 2: Search divbox and click insert


Step 3: Enter text to appear on divbox


Step 4: Preview

You can edit font color and heading style


Step 4: Click update

To edit the alignment of text

Click on edit



Step 4: Click edit

The box can be edited with CSS code, a basic function to change the background color is by writing in the case of style a code. See the image below.




It is likely that you don't have CSS knowledge, in that case here are some links that are helpfyl for copying the code.

Div box  - https://www.w3schools.com/css/css_boxmodel.asp

Colors - https://www.w3schools.com/css/css_colors.asp

Backgrounds - https://www.w3schools.com/css/css_background.asp



Step 5: Click save or preview

With the given style the div box will look like this.