Twenty Twenty-One

Theme Options Panel

Estimated reading: 5 minutes 0 views

The Napoli Theme Options allows you to customize your website colors, fonts and settings with ease.

General – You can manage all the basic theme settings here such as sidebar, coming soon, copyright, preloader, etc.

Header – You can set your logo and header layout in this setting.

Typography – Set your website fonts here.

Social – Add your brand social links here.

Theme Color – Adjust your website’s color scheme over here.

Blog – Manage blog and post settings over here.

Portfolio – Manage portfolio page and portfolio individual items setting over here.

Ecommerce – Control WooCommerce settings over here.

Footer – Adjust your website footer options over here.

Custom Javascript – Add custom js code over here if you have any.

404 Page – Adjust 404 Error page settings here.

Backup – All import and export theme related options can be found here.

If you need more detailed information on Theme Options, continue reading below: Some options are not explained in detail as they are self explanatory.


Enable scroll top button – Enable/disable scroll top button. 

Protected title – Enter the Protected title here.

Show sidebar on pages (Post and Blog) – Select where you want to display the sidebar

Enable lazy load – Enable or Disable lazy load option on pages. Lazy Load delays loading of images in long web pages. Images outside of viewport will not be loaded before user scrolls to them. This option is available for Images and Maps

Enable Coming Soon – Click on to enable coming soon and select the coming soon page which you have built.
Redirect on the select page when site loading

Enable Copyright – Insert your copyright text here.

Enable Sound – Enable or Disable sound option.

Preloader – Enable or Disable preloader for your website. (Turning off the animation which displays when the page’s content is loading.)

Type of Preloader – Select your preloader type: text, image, or spinner

Text for Preloader – the preloader text (will be displayed while the page is loading up). If you want to add custom text, please use Text preloader type option.


Fixed menu on scroll – 
Enable/disable fixed menu on scroll. 

Menu Style – Choose the header layout style.

Type of site logo – Select image or text logo type. Based on your selection, you will get more options to set the logo.

Header social links – Enter the header Social Links here. 

Hide default underline – Enable/disable hide default underline

Height Underline Menu Item – Enter height in pixels Px 

Color Default Underline Menu Item (Wave) – Select color here for underline. 


Set General typography for the website. Also set typography for the menu, gallery, footer, Napoli Gallery, buttons, and links. 

Typography Headings:

  • Typography Headings

Typography Menu:

  • Menu Item Font Family
  • Menu Item Font Size (in px)
  • Menu Line Height
  • Menu Item Font Color
  • Select Color 
  • Submenu Item Font Family
  • Submenu Item Font Size (in px)
  • Submenu Line Height
  • Submenu Item Font Color

Typography Banner Gallery:

  • Gallery Description Font Family
  • Gallery Description Font Size (in px)
  • Gallery Description Line Height
  • Gallery Description Font Color

Typography Footer: 

  • Footer Font Family
  • Footer Font Size (in px)
  • Footer Line Height
  • Footer Font Color

Typography Item Napoli Gallery:

  • Typography Font Family
  • Typography Font Size (in px)
  • Typography Line Height
  • Typography Font Color

Typography Button:

  • Button Font Family
  • Button Font Size (in px)
  • Button Line Height
  • Letter Spacing (in px)
  • Typography Font Color

Typography Links:

  • Button Font Family
  • Links Font Size (in px)
  • Links Line Height
  • Links Letter Spacing (in px)
  • Links Font Color


Enter the following Account details and API keys for Social Integration:

  • Instagram username
  • Instagram user id
  • Instagram count images (Minimum 21. You can see 20 photos in two rows, other photos will be replaced)
  • Instagram access token
  • Facebook App Id (require)
  • Facebook App Secret (require)
  • Facebook Page Id or Slug (require)
  • Foxthemes Twitter API Key (require)
  • Twitter API Secret (require)
  • Twitter Access Token (require)
  • Twitter Access Token Secret (require)


Products per row– Enter the amount of products to be displayed per row. 

Show cart icon in header – Enable/disable to display/hide cart icon in header


Blog Style – Select the layout style for the blog.

Blog Title – Enter title for blog page

Social sharing in posts – This option allows to show social sharing in posts. 

Tags in posts – Display tags in posts

Categories in posts – Display categories in posts

Author in post details page – Display author in post details page

Default post preview image – Select the image for default post preview. 

Instagram title: Enter Feed Title here

Instagram username: Enter the Instagram username here. 

Instagram count images – Set the count for Instagram Images.

Navigation in post item (for all posts) – Enable/disable Navigation in post item 


Default portfolio image – Set the default portfolio image.

Social sharing in portfolio (for all posts) – Enable/disable social sharing in portfolio

Navigation in portfolio (for all posts) – Enable/disable Navigation in portfolio

Portfolio Url Slug: Enter Portfolio Url Category Slug.

Portfolio Url Category Slug: Enter Portfolio Url Category Slug.


Enable footer widgets – Enable/disable footer widgets 

Enable Footer copyright – Turning on Footer copyright

Copyright text – enter copyright text for footer

Footer social links – Enter Footer Social links 

Leave a comment

Your email address will not be published. Required fields are marked *

Share this Doc