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

Image Added

                                              Image Modified

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 insertImage Removed

Image Added


Step 3: Enter text to appear on divbox

Image Modified

Step 4: Preview

You can edit font color and heading style

Image Modified

Step 4: Click update

To edit the alignment of text

Click on edit

Image Added


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.


Image Added

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.

Image Added