All Collections
Vincere Portals
Customizer Basics
Styling and Editing a Page in Customizer | Vincere Portals
Styling and Editing a Page in Customizer | Vincere Portals
Linh Dory avatar
Written by Linh Dory
Updated over a week ago

From the page navigation dropdown, open the page you want to edit.

Click on the link below to skip to the section you're interested in:

1/ Global:

Control all settings and styling of your site from one place.

⚠️ Important Note: Configure the Global settings for your site before starting to edit the pages if you have standard settings/styling for your site.

If you want to make changes on a specific page's area, you can "override" these settings from the area settings/styling. See Edit an area of a page below.

  1. Settings: Control the standard layout and width of your website.

  2. Styling: set the default Backgronud / Colors / Typography / Border / Margins / Paddings for your site's pages.

2/ Edit an area of a page:

Click on the area that you want to edit or click on the blue area title in the Preview of the Customizer to open up the Settings & Styling of that area.

a. SETTINGS

Overall settings of the area - this varies depending on the area.

Setting toggles:

  1. Override Area Settings: toggle this ON to make changes on the current page without affecting other pages.

    1. By default, when making changes in the settings of an area, the changes will be applied to the same area of other pages.

    2. For example, if you are editing the Headline area of the Homepage, the Headline area of other pages will also be edited accordingly. If you only want the changes to be applied to the Homepage, toggle ON the Override Area Settings before making any changes.

  2. Fixed Position (only available in the Header area): toggle this ON if you want to fix the position of the Header. This means the Header will stay where it is when the page is scrolled.

  3. Floating Position (only available in the Header area): this is used when you don’t want the content of the Header to overlap the content of the Headline area.

  4. Fluid Width: toggle this ON if the area's layout resizes as the window size changes.

    1. Note: When Fluid Width is toggled ON, you won’t see the settings for Max Width as the size uses percentage widths rather than fixed pixel widths.

  5. Disable: toggle this ON if you want to disable the area on the current page.

Min Height: set the minimum height of the area.

Note: If the content is smaller than the minimum height, the minimum height will be applied. If the content is larger than the minimum height, the min-height has no effect.

Max Width: set the max-width of the area.

Position: choose the position of the element in the area.

Layout: choose the layout of the area from the default layout options.

b. STYLING

  1. Override Area Styling: toggle this ON to make changes on the current page without affecting other pages.

    1. By default, when making changes in the settings of an area, the changes will be applied to the same area of other pages.

    2. For example, you want to edit the background colour of the Headline area of the Homepage. If you want the colour to be only applied to the Homepage, toggle ON the Override Area Styling before changing the background colour.

  2. Background: set the background for the area.

  3. Masking: choose a colour as a mask layer to create different effects - choose an effect from the Effect dropdown.

  4. Colours: create a colour palette for the area.

  5. Typography: edit the font and text of the area.

  6. Dimension: set maximum width and height of the area.

  7. Border: set a border color / style / width / radius that goes around the area.

  8. Margins: set margins (space around the area’s border) for the area.

  9. Paddings: set paddings (space between the area’s border and main content such as text and images) for the area.

c. WIDGET

The Customizer comes with a variety of out-of-the-box widgets that you can use to create your site.

Override Widget Order: keep the toggle ON to rearrange the order of the widgets available in the area of the current page without affecting the order of widgets on other pages.

For example, you are editing the Headline area of the Homepage. By default: you only see the widgets appearing in the Headline on the Homepage.

When you toggle OFF “Override Widget Order”, you then see all the widgets that have been added to the Headline area of all pages.

d. WIDGET SETTINGS:

Adding a new widget:

  1. Click + to create a new widget

  2. From the widget listing, click on the widget to add to the page.

  1. Add To Current Page Only: keep the toggle ON if you only want the widget to be added to the current page.

    1. For example, you are adding a Text widget to the Top Content of the Homepage. When the toggle is ON, the text widget is only added to the Homepage.

    2. If you want to add the text widget to the Top Content of other (or all) pages, toggle this OFF.

  2. When the Add To Current Page Only is OFF, you will see the Add to Specific Pages. Specify the pages you want to add the widget to.

    1. For example, you want the Text widget to appear on the Homepage, Testimonial page, About Us page, add these pages to the Visibility setting. See the screenshot below.

    1. If you want to add the Text widget to all pages, leave the field empty.

Note: When the Add To Current Page Only is OFF, you can also edit the settings of the widget on other pages without leaving the current page.

Editing an existing widget:

Click on the Widget to open the widget settings. The widget settings vary depending on the widget.

Override Widget Settings: keep the toggle ON if you want the changes made on the widget applied only to the current page.

Did this answer your question?