General Options

1. Colors
   Global color palette is used to define colors for all pages and posts. The defined colors will match the Site Settings in Elementor’s color settings. When you create a page with Elementor, set the color scheme to global color to ensure the color is consistent
   
2. Fonts
   General Options – Fonts allow you to customize every kind of font on a page or post, from the basic font to headings 1 through 6. The font settings in Elementor’s Site Settings are exactly the same to these options. Therefore, to ensure consistency across all pages when creating pages using Elementor, use the global fonts that have been set.
   

Page Settings

1. Container
   The default layout of pages created with Gutenberg can be customized using the page settings container. If you’re building a page with Elementor, ignore it.
   

• • Boxed: A boxed design establishes clear boundaries for the main section of the page. This layout features a fixed width that encompasses all content. Boxed designs are known for neatly organizing the key elements of a web page.
  • Full-Width: With a full-width layout, your website content extends seamlessly from one edge of the user’s screen to the other, delivering an immersive and impactful visual experience. Picture your website occupying the entire screen, resembling a large, attention-grabbing billboard showcasing all your impressive content.
  • Left: The Layout widget left sidebar appears on the left side of the website layout, providing a convenient space for displaying important information, navigation menus, or promotional content. This sidebar can help users guide visitors through the site and highlight key features.
  • Right: The Layout widget right sidebar is positioned on the right side of the website layout. It serves a similar purpose to the left sidebar but offers a different placement option for users to arrange their content effectively. This sidebar can be used to display additional widgets, advertisements, or social media links.
  • Custom: When you choose custom, you can manually set the container layout size in px units for each mode (desktop, tablet, mobile).
    
  • Set the layout on a specific page if you want to use Gutenberg to create pages with different layouts.
    

1.  
2. Blog/ Archive
   You can use it to set the blog /archive page layout.
   
   In accordance with your preferences, you can select a 3×3, 2×3, 1×3, or even a custom size.
   
   
3. Single Post
   
   

• • Single Layout:
    Customize the layout for single posts. Choose from 3 types of layouts: Layout 1, Layout 2, or Layout 3.
    
    
  • Container Layout:
    
    • Inherit: Selecting this option will make your single post container layout inherit the layout of the previously set container page.
    • Boxed: A boxed design establishes clear boundaries for the main section of the page. This layout features a fixed width that encompasses all content. Boxed designs are known for neatly organizing the key elements of a web page.
    • Full-Width: With a full-width layout, your website content extends seamlessly from one edge of the user’s screen to the other, delivering an immersive and impactful visual experience. Picture your website occupying the entire screen, resembling a large, attention-grabbing billboard showcasing all your impressive content.
    • Left: The Layout widget left sidebar appears on the left side of the website layout, providing a convenient space for displaying important information, navigation menus, or promotional content. This sidebar can help users guide visitors through the site and highlight key features.
    • Right: The Layout widget right sidebar is positioned on the right side of the website layout. It serves a similar purpose to the left sidebar but offers a different placement option for users to arrange their content effectively. This sidebar can be used to display additional widgets, advertisements, or social media links.
    • Custom: When you choose custom, you can manually set the container layout size in px units for each mode (desktop, tablet, mobile).
      
  • Social Share:
    You can choose to enable or disable social sharing by clicking the eye icon. Currently, the available options include Facebook, Instagram, Twitter, and Copy to Clipboard (which automatically copies the post URL to the clipboard for manual sharing). Additionally, you can rearrange the order by dragging and dropping with the icon bars.
    
• Page
  Like a single post, the page has a container layout type. Set the container layout using the Gutenberg builder (WordPress default). If you are using the Elementor builder, this setting will not work, so you can ignore it.

  

  • Inherit: Selecting this option will make your single post container layout inherit the layout of the previously set container page.
  • Boxed: A boxed design establishes clear boundaries for the main section of the page. This layout features a fixed width that encompasses all content. Boxed designs are known for neatly organizing the key elements of a web page.
  • Full-Width: With a full-width layout, your website content extends seamlessly from one edge of the user’s screen to the other, delivering an immersive and impactful visual experience. Picture your website occupying the entire screen, resembling a large, attention-grabbing billboard showcasing all your impressive content.
  • Left: The Layout widget left sidebar appears on the left side of the website layout, providing a convenient space for displaying important information, navigation menus, or promotional content. This sidebar can help users guide visitors through the site and highlight key features.
  • Right: The Layout widget right sidebar is positioned on the right side of the website layout. It serves a similar purpose to the left sidebar but offers a different placement option for users to arrange their content effectively. This sidebar can be used to display additional widgets, advertisements, or social media links.
  • Custom: When you choose custom, you can manually set the container layout size in px units for each mode (desktop, tablet, mobile).
    

Header Builder

1. Presets
   Solace offers 7 pre-made header models. 3 rows structure this header:  top row, main row, and bottom row.
   
2. Elements

• • In addition to utilizing the models we’ve made, you can customize the header elements’ arrangement to suit your preferences. The Header Builder allows you to arrange elements in the top, main, or bottom rows.
    
  • Simply drag and drop the elements to the needed row to add the element.
    
  • Alternatively, you can click on any column inside the row to which you need to add an element.
    
  • When you want to customize an element that you have placed in a row, just click on it to open the customization option.
    
  • Alternatively, you may just click the pencil icon beside the element you want to customize.
    
  • You may easily hide one of the rows by clicking the eye icon.
    
  • To customize a row, click the gear icon on your chosen row. As a result, options to modify rows will appear including Row Background, Padding, Margin, Text Color, Link Color, and Link Hover.
    

Footer Builder

1. Presets
   Solace offers 6 pre-made footer models. 3 rows structure this header:  top row, main row, and bottom row.
   
2. Elements

• • In addition to utilizing the models we’ve made, you can customize the footer elements’ arrangement to suit your preferences. The Footer Builder allows you to arrange elements in the top, main, or bottom rows.
    
  • Simply drag and drop the elements to the needed row to add the element.
    
  • Alternatively, you can click on any column inside the row to which you need to add an element.
    
  • When you want to customize an element that you have placed in a row, just click on it to open the customization option.
    
  • Alternatively, you may just click the pencil icon beside the element you want to customize
    
  • You may easily hide one of the rows by clicking the eye icon.
    
  • To customize a row, click the gear icon on your chosen row. As a result, options to modify rows will appear including Layout, Number of Columns, Columns Layout, Vertical Alignment, Row Background, Padding, Margin, Text Color, Link Color, and Link Hover.
    

Features

• Scroll to Top
  Solace offers a scroll-to-top function. When you scroll down a page or post, an icon appears in the bottom right corner, allowing you to easily return to the top with a simple click.

  This feature provides 4 customization options:

  • Hide: Enable this option to show the scroll-to-top feature.

  • Icon: Choose from 5 available icon options; custom uploads are not supported at this time.

  • Icon Color: Customize the color to your preference. To use a color saved in Global Colors, select the rainbow circle icon.

  • Icon Size: Adjust the icon size using pixel units.
    

Core Options

• Site Identity
  
  Site Identity lets you define your website’s brand by filling in the Site Title, Tagline, and Site Icon fields.Make sure that your site icon (favicon) is:
  • Square
  • At least 512×512 pixels
  • Relevant to your brand identity, logo, and site design
  • Simple
    
• Widgets
  
  Widgets are content elements that can be placed in designated areas of your site, like the sidebar or footer.
• Menus
  
  Menus, or navigation, facilitate easy access to a site’s pages and content. They are usually prominently displayed in the header, footer, or sidebar.
  

  Create a new menu

  • When you create a new site or import a template, a menu is generated automatically. This guide will show you how to create a new menu from scratch.
    To create a new menu:
    • Enter a name for the menu in the designated field.
    • Choose “Menu Locations” to specify where the menu will appear. Select “Primary Menu” for the main header menu. If you want it in the footer but are unsure which section to use, you can skip this step.
    • Click the “Next” button.
    • Click “Add Item” to include pages you’ve created or custom links for external link. You can also add posts, categories, or tags

  Reorder Menu Items

  • To change the order of items in your navigation menu, follow these steps:
    • Select your menu.
    • Click the “Reorder” link beneath your menu items.
    • Use the up (ˆ) and down (ˇ) arrows to move items.
    • Utilize the right and left arrows to nest or un-nest pages for a drop-down menu.
    • Click “Done” then “Publish” to apply your modifications.
      
• Homepage Settings
  
  The homepage is the main page of your site. This guide will help you identify which page visitors see first when they arrive at your site.
  • Your latest posts: Show the default homepage layout from site’s theme featuring recent block posts.
  • A static page: Select a custom homepage you’ve created and a separate page for blog posts. Only published pages (not drafts) will appear in these dropdowns.
  • Click “Publish” to save your chosen homepage.
    
• Additional CSS
  
  Additional CSS is a block editor for adding custom CSS scripts to enhance WordPress designs.CSS, or Cascading Style Sheets, is a markup language that defines the appearance of HTML elements on a web page. WordPress features a CSS editor that allows you to add custom styles to override your theme’s default styles.The possibilities with CSS for web design are nearly limitless, but a basic understanding of CSS and HTML is beneficial. The CSS Guide from MDN web docs is an excellent resource for learning.

  If theme or plugin doesn’t have enough customization options, you can use the additional CSS block editor.