Elementor is a powerful page builder plugin that helps users easily create various pages, posts and templates. When using Elementor, click on the gear icon in the bottom left corner to access the page setup features. In this article, we will introduce these setting functions in detail so that we can better utilize these tools to enhance the page effect.

I. General settings

In Elementor's General Settings, you can set the basic properties of the page, including the page title, publish status, featured image, and so on.

page title

• page title: Used to set the title of the page. This title will be displayed in browser tabs and search engine results, so make sure it is clear and contains keywords.

page state

page state: Used to set the publishing status of the page and contains the following options:

• outline: The page is not yet complete and is only visible to administrators and editors.
• Awaiting review: Pages need to be reviewed by another administrator or editor before they can be posted.
• secret: Only logged-in administrators and editors can see it.
• Published: The page has been publicly posted and is accessible to all users.

Featured Image

• Featured Image: Used to set the cover image for a page. Normally, cover images don't need to be uploaded for normal pages because they don't appear in the list. But forBlog PostsThe cover image is very important and can be displayed in a combination of graphics and text in the blogroll to enhance readability.

Hide title

• Hide title: The slide switch hides the headings that are displayed by default on the page. This does not affect the block of heading elements you use directly on the page.

page layout

page layout: Used to select the layout of the current page, there are three options:

• default (setting): Uses the theme's default page layout, which is usually recommended.
• Elementor Canvas: The page does not have a default top and bottom, you need to make it by yourself. Suitable for making a single page different from the main site.
• Elementor Full Width: The default page width is 100% stretched to the same width as the screen. If this does not work, you can set the section layout on the page to full width.

Second, style settings

Style settings allow you to set the background and inner spacing for the page to make it more aesthetically pleasing and coordinated.

Background type

Elementor offers two background type settings:

• Color + Image: You can set a solid color background or upload a background image.
• fade color: Set a gradient color background to enhance the visual effect of the page.

internal distance

• internal distance: Used to set the spacing between the outer edges of the content area of a page and the content to ensure that the page content does not hug the edges, improving readability and aesthetics.

III. Advanced settings

Advanced settings are mainly used to add custom CSS code, which requires some knowledge of CSS.

Customized CSS

• Customized CSS: Custom CSS code can be added to a page to further beautify and customize its appearance. For example, custom CSS can be used to adjust the style and layout of page elements.

/* Example custom CSS code */

body {
    font-family: Arial, sans-serif;
}

.elementor-section {
    padding: 20px; background-color: #f4f4f4; } .elementor-section {
    background-color: #f4f4f4; }
}

With the above settings, you can take full advantage of Elementor's features to create a page that meets your needs and aesthetics.

summarize

Elementor's page setup features are very powerful and flexible. By using these features wisely, pages can be easily created and customized to improve the overall quality and user experience of your website.