Article sections

    Of course, the option to edit the content sections couldn’t miss from the features list. Therefore, we created 2 different sections from which you can edit the content of each section.

    A. Edit content sections from the green cog icon

    You can set the dimensions and background, as well as the text options and items options – for the content sections containing lists.

     

    Here are the options:

    • Section Dimensions

    It refers to the distance of the content section from the top and to the bottom. The values are expressed in pixels. Test with different values, to see the differences and choose the best dimensions.

    • Full Screen Background

    You can set the content section background to be displayed full screen. Therefore, it will be easier to customize that section to every bit of detail, in the live preview mode. On the other part, a full screen section background will put to the forefront the most important content of the page and emphasize what’s key to your website presentation.

    You can check the checkbox to make the respective content section visible in the side navigation.

    Section with full screen background:

    • Section Background

    Select the Background Type:

    • Transparent (make the background transparent)
    • Color (select the color that is best suited for your background)
    • Image (upload an image of your choice and apply it to the background of the corresponding content section)
    • Gradient (choose a gradient for the content section background)

    Background Overlay:

    The overlay is a semi-transparent color that is shown on top of the background to obtain a nice visual effect. Select the color you want for your background overlay.

    • Section Separators

    Section separators are some graphic elements that delimit a certain content section from the top and to the bottom.

    You have the possibility to customize both the top separator and the bottom separator.

    To start customizing the section separators, first check the checkboxes to display top/bottom separators.

    Next, proceed to defining the specific values of these separators:

    • Top/Bottom separator type – choose from a list of shapes (about 28 different graphic elements) the ones that make your page look classy
    • Top/Bottom separator color – decide upon the color of the graphic elements serving as separators
    • Top/Bottom separator Height – this implies the height that the graphic elements serving as separators is displayed up to

    • Text Options

    Note that, from this panel, you have only a few options:

    • Display/Do not display section title area
    • Text Color (set the text color to dark or white, according to the colors of the background; it is recommended to adjust the colors appropriately, for text readability)

    The text itself can be edited directly in the customizer preview. There, you have a set of options for your text typography:

    • Font Family (select the text font)
    • Add web font (add a web font of your choice)
    • Variant
    • Add a link on the text
    • Italics (show the text in italics)
    • Underline (show the text in underlined format)
    • Strikethrough
    • Superscript
    • Subscript
    • Align (left, right, center, justify)
    • Color of the text

     

    • Items Options

    This feature is available only for content sections that include lists. You have the following options:

    • Align the items to the left, at the center or to the right
    • Item Content Align: align the content of each item, to the left, at the center or to the right
    • Items Position: change the order of the existing items in the list, by simple drag and drop
    • Add items to the list

    B. Edit content sections from the blue cog icon, in the customizer preview

    There are supplementary options to customize a content section, available from the blue cog icon:

    • Make Full Width/Make Centered – align the content as you wish
    • Change Background – the panel described above will open, for you to change the background from
    • Section Settings – the panel described above will open, for you to change the sections settings from
    • Add Item – available only for sections that contain lists. You can easily add new items to the list
    • Columns Per Row – available only for sections that contain lists. You can set the number of columns that will be shown on a row
    • Reorder Items – available only for sections that contain lists. You can quickly change the order of the existing items in the list