Pixelfit Themes Documentation
  • Welcome to Pixelfit
  • Getting Started
    • System Requirements
    • Theme Installation
    • Theme Activation
    • Plugin Installation
    • Child Theme
    • Theme Update
  • Basic Setup
    • Import Demo Content
    • Set Up The Homepage
    • Create The Menu
    • Global Color & Fonts
  • Pages
    • Create a Page
    • Page Options
    • Page Builder
  • Widgets / Sidebars
  • Theme Options
  • Template Builder
  • Developer
  • Translation & Multilingual
  • Get Support
Powered by GitBook
On this page
  • Accessing the Theme Options
  • All theme options
  • General
  • Branding
  • Header
  • Footer
  • Page Title
  • Blog
  • Portfolio
  • Shop
  • 404
  • Color and Typography
  • Custom CSS/JS
  • Backup

Theme Options

PreviousWidgets / SidebarsNextTemplate Builder

Last updated 5 months ago

The Theme Options area offers a wide range of customization settings, enabling you to easily adjust your website’s appearance and functionality to suit your needs.

Accessing the Theme Options

Go to Dashboard > Theme Dashboard > Theme Options

All theme options

Here is an overview of all the available theme options

General

Layout: Change your site layout between full-width and boxed. You can also customize the boxed layout background, adjust the container width, set the body background, and enable a site border.

Preloader: Enable or disable the site preloader. You can also customize the preloader text, background color, text color, and more.

Grid Line: Enable or disable the site grid lines. You can also customize the number of grid lines and their color.

Back To Top: Enable the back-to-top button for your site and customize its style to match your design.

Branding

Change your brand logos, including the Primary Logo, Secondary Logo, Primary Mobile Logo, and Secondary Mobile Logo. To set the site favicon, navigate to Settings > General Settings.

Header

Footer

Page Title

Blog

Blog / Archive Style

These settings affect blog page and all blog archive pages (category, date, author, tag).

  1. Blog Archive Title: Set archive page title.

  2. Sidebar: Choose the sidebar layout for the blog archive page

  3. Post Meta: Enable or disable the post meta display on the blog archive page.

  4. Post Excerpt: Enable or disable the post excerpt on the blog archive page

  5. Read More Button: Enable or disable the 'Read More' button on the blog archive page.

Blog Details

These settings affect blog details page

  1. Sidebar: Choose the sidebar layout for the blog details page

  2. Post Meta: Enable or disable the post meta display on the blog archive page.

  3. Show Post Share Links: Enable or disable social share links for blogs.

  4. Post Tags: Enable or disable posts tags on the blog details page.

  5. Post Navigation: Enable or disable post navigation on the blog details page.

  6. Post Author Box: Enable or disable the post author information box.

Portfolio

Customize the portfolio settings, including changing the portfolio slug, setting the number of portfolios per page, and editing the portfolio archive page title

Shop

Configure product settings, including the number of product columns, products per page, and related products displayed on the details page.

404

Customize the text and messages displayed on the 404 error page

Color and Typography

We use Elementor's Site Settings to configure global colors and typography. In the Site Settings panel, you can set global colors, adjust theme typography, and manage other Elementor settings.

Custom CSS/JS

Use this to add custom CSS or JS to your website. Custom code will be loaded in every page and will overwrite theme CSS/JS.

Backup

These options allow you to download a backup of your theme settings or import previously saved theme settings with ease.

Customize the default header from here, including styling the menu, customizing buttons, and more. You can also use the template builder to create a custom header, designed with Elementor. Learn more about the and how it can enhance your site’s design.

Customize the default footer from here, including copyright, and more. You can also use the template builder to create a custom footer, designed with Elementor. Learn more about the .

Customize the default page title by enabling or disabling it. You can change the background, text color, typography, and more. For more flexible options, use the to create a custom page title.

Learn how to access.

Learn more about

Template Builder
Template Builder
Template Builder
Elementor Site Settings
Elementor Site Settings