Customize the site’s logo, header, and footer settings, including sticky headers and back-to-top button options.

Settings Overview

• Site Dark Logo: Upload the dark version of the site logo (default: theme’s logo.svg).
• Site White Logo: Upload the white version of the site logo (default: theme’s logo-white.svg).
• Logo Width: Adjust the logo width (range: 50–500px, default: 150px).
• Header Custom Enable/Disable: Enable or disable custom header styling.
• Select Header Style: Choose a header style . Visible if custom header is enabled.
• Select Header Style for Archive Pages: Choose a header style for blog, product, category, and tag pages. Visible if custom header is enabled.
• Header Sticky Enable/Disable: Enable or disable sticky header functionality.
• Select Sticky Header Style: Choose a style for the sticky header. Visible if sticky header is enabled.
• Select Sticky Header Style for Archive Pages: Choose a sticky header style for archive pages. Visible if sticky header is enabled.
• Footer Custom Enable/Disable: Enable or disable custom footer styling.
• Select Footer Style: Choose a footer style Visible if custom footer is enabled.
• Back to Top Enable/Disable: Enable or disable the back-to-top button.
• Back to Top Colors (1, 2, 3): Set colors for the back-to-top button (e.g., box shadow, stroke, icon color). Visible if back-to-top is enabled.
• Button Position: Choose the position of the back-to-top button (Bottom Right or Bottom Left; default: Bottom Right). Visible if back-to-top is enabled.

Manage settings for page titles, breadcrumbs, and their styling, including background images and overlays.

Settings Overview

• Enable Page Header: Toggle to enable or disable the page header (default: Enabled).
• Page Header Type: Choose the header type (None, Only Page Title, Only Breadcrumb, Both 1, Both 2; default: Both 2).
• Page Header Text Align: Set text alignment for the page header (Center, Left, Right; default: Center).
• Highlight Text: Set custom highlight text for the page header (default: "Welcome to our classea travel agency"). Visible if header type is "Both" or "Only Page Title".
• Page Title Background: Upload a background image for the page title section (applies to non-blog/single-post pages).
• Page Title Background Overlay: Set an overlay color for blog/single-post page title backgrounds.
• Blog Page Title Background Desktop: Upload a background image for blog and single post pages.
• Overlay Background: Set an overlay color for the page title section.
• Overlay Opacity: Adjust the opacity of the overlay (range: 0–1, step: 0.1).
• Page Header Overall Padding: Set padding for the page header section.
• Highlight Text Padding: Set padding for the highlight text. Visible if header type is "Both".
• Title Text Padding: Set padding for the page title text.
• Breadcrumb Padding: Set padding for the breadcrumb section.
• Page Header Title Color: Set the color for the page title text.
• Breadcrumb Color: Set the color for breadcrumb text and separators.
• Highlight Text Color: Set the color for highlight text. Visible if header type is "Both".
• Breadcrumb Border Color: Set the border color for breadcrumbs. Visible if header type is "Both".

Customize the appearance and behavior of blog archive and single post pages.

Blog Archive Options

• Blog Style: Choose the blog layout style (Style 1, Style 2, Style 3; default: Style 2).
• Blog Columns: Select the number of columns for the blog layout (One, Two, Three, Four; default: One Column). Not visible if Blog Style is Style 2.
• Show Excerpt: Enable or disable post excerpts on blog listings (default: Enabled).
• Excerpt Word Count: Set the number of words for post excerpts (range: 5–100, default: 15). Visible if excerpts are enabled.
• Show Categories: Enable or disable post categories on blog listings (default: Enabled).
• Show Date: Enable or disable post dates on blog listings (default: Enabled).
• Show Likes: Enable or disable likes on blog listings (default: Enabled).
• Show Views Count: Enable or disable view counts on blog listings (default: Enabled).
• Reset Likes & Views: Toggle to reset likes and views counts for all posts.

Blog Single Options

• Show Featured Image: Enable or disable the featured image on single posts (default: Enabled).
• Show Title: Enable or disable the post title on single posts (default: Enabled).
• Show Date: Enable or disable the post date on single posts (default: Enabled).
• Show Post Views: Enable or disable view counts on single posts (default: Enabled).
• Show Post Likes: Enable or disable likes on single posts (default: Enabled).
• Show Categories: Enable or disable categories on single posts (default: Enabled).
• Show Tags: Enable or disable tags on single posts (default: Enabled).
• Show Author Info: Enable or disable author information on single posts (default: Enabled).
• Show Social Share: Enable or disable social sharing buttons on single posts (default: Disabled).
• Show Related Posts: Enable or disable the related posts section on single posts (default: Enabled).
• Prev/Next Post Enable: Enable or disable previous/next post navigation (default: Enabled).
• Show Comments: Enable or disable the comments section on single posts (default: Enabled).

Configure typography settings, including custom fonts, Google Fonts, and typography for body and headings.

Custom Fonts

• Enable Custom Fonts: Toggle to enable custom font uploads (default: Disabled).
• Custom Fonts: Upload font files (WOFF2, WOFF, TTF, OTF, EOT) and specify a font family name. Visible if custom fonts are enabled.

Google Fonts

• Enable Primary Font: Toggle to customize the primary font (default: Disabled).
• Primary Font: Select the primary font family and settings (font size, weight, style, etc.). Visible if primary font is enabled.
• Enable Secondary Font: Toggle to customize the secondary font (default: Disabled).
• Secondary Font: Select the secondary font family and settings. Visible if secondary font is enabled.

Typography Settings

• Enable Body Typography: Toggle to customize body text typography (default: Disabled).
• Body Typography: Set typography settings for body text (font family, size, etc.). Visible if body typography is enabled.
• Enable H1–H6 Typography: Individual toggles to customize typography for H1 through H6 headings (default: Disabled).
• H1–H6 Typography: Set typography settings for each heading level. Visible if the respective heading typography is enabled.
• H1–H6 Mobile Typography: Set mobile-specific typography settings for each heading level. Visible if the respective heading typography is enabled.

Upload and manage custom icon fonts for use in the theme.

Settings Overview

• Enable Custom Icons: Toggle to enable custom icon fonts (default: Disabled).
• EOT/WOFF2/WOFF/TTF/SVG Font Files: Upload icon font files in various formats. Visible if custom icons are enabled.
• Icon CSS Definitions: Define CSS classes for icons (e.g., `.phone:before { content: "\\e900"; }`). Visible if custom icons are enabled.
• Usage Guide: Instructions for using custom icons in shortcodes, PHP templates, or HTML.

Generate or customize the theme’s color scheme.

Settings Overview

• Site Theme Color: Choose the color management method (Select Theme Color, Theme Color Generator, Custom Theme Color; default: Select Theme Color).
• Enable Theme Generator: Toggle to generate a color scheme from a primary color. Visible if Theme Color Generator is selected.
• Generate Theme Color: Choose the primary color for the generated scheme. Visible if Theme Color Generator is enabled.
• Generated Color Preview: Preview the generated color scheme. Visible if Theme Color Generator is enabled.
• Primary/Secondary/Tertiary Colors: Set custom colors for the theme (defaults: #FB5B32, #1C221E, #63AB45). Visible if Custom Theme Color is selected.
• Heading/Content Colors: Set colors for headings and primary content text (defaults: #1C221E, #666666). Visible if Custom Theme Color is selected.
• Primary/Secondary Border Colors: Set border colors (defaults: #D9D9D9, #fff). Visible if Custom Theme Color is selected.
• White/Background White Colors: Set white color variants (default: #ffffff). Visible if Custom Theme Color is selected.
• Menu/Menu Active Colors: Set menu colors (defaults: #425A8B, #FD9636). Visible if Custom Theme Color is selected.
• Background Colors (1, 2, 3): Set background colors (defaults: #ECEEF4, #666666, #1C221E). Visible if Custom Theme Color is selected.

Configure settings for 404 pages, maintenance mode, and cookie notices.

404 Page Settings

• Enable 404 Mode: Toggle to enable a custom 404 page (default: Disabled).
• Select Blocks for 404 Page: Choose a block to display on the 404 page. Visible if 404 mode is enabled.

Maintenance Mode Settings

• Enable Maintenance Mode: Activate maintenance mode for the site (default: Disabled).
• Select Blocks for Maintenance Mode: Choose a block to display in maintenance mode. Visible if maintenance mode is enabled.

Cookies Settings

• Enable Cookies Notice: Display a cookie consent notice (default: Enabled).
• Cookies Description: Set the message for the cookie notice (default: "This website uses cookies to ensure you get the best experience on our website."). Visible if cookies notice is enabled.
• Accept Button Text: Set the text for the accept button (default: "Accept"). Visible if cookies notice is enabled.

Configure the site’s layout, including content width and sidebar options.

Settings Overview

• Site Layout: Choose between Full Width or Boxed layout (default: Full Width).
• Content Width: Set the maximum width of the content area (range: 800–1920px, default: 1290px).
• Site Content Padding: Set padding for the site content area.
• Default Layout: Select the default layout (No Sidebar, Left Sidebar, Right Sidebar; default: Right Sidebar).
• Page Layout: Select the layout for regular pages (default: Right Sidebar).
• Shop Archive Layout: Select the layout for shop archive pages (default: Right Sidebar).
• Shop Single Page Layout: Select the layout for single product pages (default: No Sidebar).

Configure settings for single directory pages, including the page style.

Settings Overview

• Single Page Style: Choose the style for single directory pages (options: Default Style, Style Two, Style Three, Style Four, Style Five; default: Default Style).

Customize the WooCommerce shop page, including product card appearance and archive settings.

Product Card Settings

• Product Image Type Style: Choose between Image with Hover Slides or Default One (default: Image with Hover Slides).
• Product Card Equal Height: Make all product cards the same height (default: Enabled).
• Product Title Resize: Enable custom text overflow for product titles (default: Enabled).
• Title Text Overflow Size: Set the number of lines before truncating titles (default: 2). Visible if title resize is enabled.
• Title Height: Set the height for the product title area (default: 50px). Visible if title resize is enabled.

Product Card Elements

• Show Ratings: Display product ratings (default: Enabled).
• Show Categories: Display product categories (default: Enabled).
• Category Display Type: Show category as title or image (default: Title). Visible if categories are enabled.
• Show Brands: Display product brands (default: Enabled).
• Brand Display Type: Show brand as title or image (default: Title). Visible if brands are enabled.
• Show Add to Cart Button: Display the add-to-cart button (default: Enabled).
• Show Sold Items Progress Bar: Display a progress bar for sold items (default: Enabled).
• Show Product Badges: Display sale, new, etc. badges (default: Enabled).
• Show Shipping Information: Display shipping info (default: Enabled).
• Show Stock Status: Display stock status (default: Enabled).
• Show Deal Countdown: Display a countdown timer for deals (default: Enabled).
• Show Price: Display product price (default: Enabled).
• Show Product Description: Display short description (default: Enabled).

Product Card Actions

• Quick View Button: Enable quick view functionality (default: Enabled).
• Wishlist Button: Enable wishlist functionality (default: Enabled).
• Compare Button: Enable compare functionality (default: Enabled).

Shop Archive Settings

• Filter Enable/Disable: Enable or disable filters (default: Enabled).
• Filter Type: Choose filter style (Type 1 with Sidebar, Type 2 without Sidebar; default: Type 1).
• Grid/List View Switcher: Enable or disable grid/list view switcher (default: Enabled).
• Products Per Page Selector: Enable or disable products per page selector (default: Enabled).
• Recently Viewed Products: Enable or disable recently viewed products section (default: Enabled).
• Recently Viewed Title: Set the title for the recently viewed products section (default: "Recently Viewed Products"). Visible if recently viewed products is enabled.
• Pagination Type: Choose pagination style (Pagination, Load More, Infinite Scroll; default: Pagination).
• Category/Tag/Brand/Attributes/Rating/Price/Status Filters: Enable or disable various filters and set their titles (default: Enabled, with predefined titles). Visible if filter type is Type 2.
• Price Gap: Set the price range gap for the price filter (default: 100). Visible if filter type is Type 2.

Configure settings for single product pages in WooCommerce.

Product Single Settings

• Product Single Style: Choose the style for single product pages (Style One, Style Two, Style Three, Style Four; default: Style One).
• Sticky Add to Cart Enable/Disable: Enable or disable a sticky add-to-cart button (default: Disabled).

Social Sharing Settings

• Facebook/Twitter/Skype/Telegram/Instagram/WhatsApp: Enable or disable sharing options for each platform (default: Enabled).

Related Products Settings

• Related Products Count: Set the number of related products to display (default: 3).

Product Review Settings

• Enable Custom Review Forms: Display a custom review form on single product pages (default: Disabled).

Product View Display

• Product View Display: Choose view tracking option (None, Real-time View Tracking, Show Duplicate Views; default: None).

Sales Notifications

• Sales Notifications: Choose notification style (Disabled, Live Tracking, Duplicate Counts; default: Disabled).

Configure wishlist and product comparison functionality.

Compare Settings

• Enable Compare: Enable product comparison functionality (default: Disabled).
• Compare Page: Select the page to display compare products. Visible if compare is enabled.
• Compare Button Text: Set the text for compare buttons (default: "Compare"). Visible if compare is enabled.
• Compare Table Columns: Select columns to display in the compare table (e.g., Remove Button, Product Title, Image; default: Remove, Title, Image, Price, Add to Cart). Visible if compare is enabled.

Wishlist Settings

• Enable Wishlist: Enable wishlist functionality (default: Disabled).
• Wishlist Page: Select the page to display wishlist products. Visible if wishlist is enabled.
• Wishlist Button Text: Set the text for wishlist buttons (default: "Add to Wishlist"). Visible if wishlist is enabled.
• Require Login for Wishlist: Force users to log in before adding items to the wishlist (default: Disabled). Visible if wishlist is enabled.
• Wishlist Table Columns: Select columns to display in the wishlist table (e.g., Remove Button, Product Title, Image; default: Remove, Title, Image, Price, Add to Cart, Added Date). Visible if wishlist is enabled.
• Wishlist/Compare Width: Set the maximum width for wishlist and compare pages (range: 800–1920px, default: 1290px).

Configure the free shipping progress bar and related messaging.

Settings Overview

• Enable Free Shipping Bar: Display a free shipping progress bar (default: Disabled).
• Free Shipping Message: Set the message for the free shipping bar (default: "Get free shipping on orders over $50!"). Visible if free shipping bar is enabled.
• Free Shipping Zone: Select the shipping zone for free shipping calculation (requires `classea_get_shipping_zones`). Visible if free shipping bar is enabled.
• Free Shipping Threshold: Set the minimum order amount for free shipping (default: 50). Visible if free shipping bar is enabled.
• Free Shipping Reached Message: Set the message displayed when the customer qualifies for free shipping (default: "Congratulations! You qualify for free shipping."). Visible if free shipping bar is enabled.

Add custom CSS and JavaScript to enhance the theme’s functionality.

Settings Overview

• Custom CSS: Add custom CSS code to style the theme.
• Custom JavaScript: Add custom JavaScript code for additional functionality.
• Header Scripts: Add scripts to the site’s header.
• Footer Scripts: Add scripts to the site’s footer.

Backup and restore Steelthemes Option to preserve or transfer settings.

Settings Overview

• Backup & Restore Options: Export or import Steelthemes Option to back up or restore settings.