Sidebar

Fig. 1. Sidebar settings.

Fig. 1. Sidebar settings.

Here you can set:

  • sidebar width;
  • vertical distance between widgets;
  • gap between content area ad sidebar.

On choosing the dividers style for the sidebar you get an option to choose among vertical dividers and dividers between widgets (fig. 2.1).

Fig. 2.1. Sidebar style Background behind whole sidebar.

Fig. 2.2. Sidebar style Background behind whole sidebar.

When choosing “Background behind whole sidebar” option for sidebar style, you get the options as shown in fig. 2.2

  • dividers between widgets;
  • background color (that is for the whole sidebar area);
  • background opacity (for the above background color);
  • background image (which overlaps the background color);
  • decoration:
    • The shadow option will allow the sidebar to show a shadow around the edges.
    • On choosing outline, you’ll get an option to choose¬† the color and opacity of the border.

On choosing “Background behind each widget” option you’ll get the same options as above but the difference would be, instead of the whole sidebar, it will allow to show background on the widgets only.

Finally, you can select text color for headings and ordinary text (fig. 3), as well as specify browser width when the sidebar should go below the content area (“Responsiveness” section).

Fig. 3. Text Color

Fig. 3. Text Color