PWA
Install XTRA Theme PWA

Install our website's web application on your home screen for quick and easy access every time your are on the go.

Just tap Share then 'Add to home screen'Just tap Share then 'Add to home screen'
XTRA Tutorials
 
  • Getting Started
    • Installing XTRA
    • License Activation
    • Installing Plugins
    • Importing Demo Content
    • Assigning Home Page
    • Updating XTRA
    • Child Theme
  • Page Builder
    • Create a New Page
    • Elements Overview
    • List of Elements
    • General Settings
    • Header Settings
    • SEO Settings
  • Theme Options
    • Options Overview
    • General
      • Layout
      • Colors & Styles
      • Share Icons
      • SEO Meta Tags
      • Loading
      • Page 404
      • Custom Codes
      • White Label
      • Advanced
    • Typography
    • Header
      • Logo
      • Social Icons
      • Header
      • Sticky Header
      • Mobile Header
      • Fixed Side
      • Title and Breadcrumbs
    • Footer
      • Footer Top Bar
      • Footer Widgets
      • Footer Bottom Bar
      • Footer More
    • Blog
      • Blog Settings
      • Blog Styling
      • Blog Single Settings
      • Blog Single Styling
      • Search
    • Portfolio
      • Portfolio Slug & Title
      • Portfolio Settings
      • Portfolio Styling
      • Portfolio Single Settings
    • WooCommerce Pro
      • Products Settings
      • Products Styling
      • Product Settings
      • Product Styling
    • Site Identity
    • Menus
    • Widgets
    • Homepage Settings
    • WooCommerce
    • Additional CSS
    • Backup / Restore
  • Edit Guide
  • How to
  • Developer
Buy Theme
Changelog
XTRA WordPress Theme TutorialsYou arrived at the right place, How we can help you?
XTRA Tutorials
  • Getting Started
    • Installing XTRA
    • License Activation
    • Installing Plugins
    • Importing Demo Content
    • Assigning Home Page
    • Updating XTRA
    • Child Theme
  • Page Builder
    • Create a New Page
    • Elements Overview
    • List of Elements
    • General Settings
    • Header Settings
    • SEO Settings
  • Theme Options
    • Options Overview
    • General
      • Layout
      • Colors & Styles
      • Share Icons
      • SEO Meta Tags
      • Loading
      • Page 404
      • Custom Codes
      • White Label
      • Advanced
    • Typography
    • Header
      • Logo
      • Social Icons
      • Header
      • Sticky Header
      • Mobile Header
      • Fixed Side
      • Title and Breadcrumbs
    • Footer
      • Footer Top Bar
      • Footer Widgets
      • Footer Bottom Bar
      • Footer More
    • Blog
      • Blog Settings
      • Blog Styling
      • Blog Single Settings
      • Blog Single Styling
      • Search
    • Portfolio
      • Portfolio Slug & Title
      • Portfolio Settings
      • Portfolio Styling
      • Portfolio Single Settings
    • WooCommerce Pro
      • Products Settings
      • Products Styling
      • Product Settings
      • Product Styling
    • Site Identity
    • Menus
    • Widgets
    • Homepage Settings
    • WooCommerce
    • Additional CSS
    • Backup / Restore
  • Edit Guide
  • How to
  • Developer

How to Change Your Website’s Background Color?

Home Latest Posts How to How to Change Your Website's Background Color?

Description and Steps

Step 1
XTRA

Body background color and StyleKit

Go to Theme Options > General > Color & Styles you can find Body and Boxed StyleKits.

Site body background
Tips

You may want to know …

  • Boxed Mode  – You can enable boxed mode from Theme Options > General > Layout

  • Individual Page Background – Edit your page in backend and from page settings you can find Body StyleKit and change background color.

How to

backgroundbgbodyboxedcolor

FacebookXDeliciousLinkedinWhatsappTelegramEmailPrintShortlink
  • PreviousHow to Change Copyright Text on Your Website: A Step-by-Step Guide?

  • NextHow to Enable Maintenance Mode and Coming Soon Page?

Related Posts ...

Placeholder

How to Fix Slider Revolution Background Not Loading: Quick Solutions for Background Image Issues

How to
Placeholder

How to Change Title Bar ‌Background Image?

How to
Placeholder

How to Add Cover Images to WooCommerce Categories and Tags

How to
Placeholder

How to Add Cover Images to Category and Tag Pages: A Step-by-Step Guide?

How to
Placeholder

How to Change the Title Background on Your Website?

How to
Placeholder

How to Change the Color of a Single Menu Item: A Step-by-Step Guide?

How to

XTRA WordPress Theme

XTRA Popular WordPress Theme 2026

Recommended for you …

Are You Sure You Want To Do This? when trying to install the theme

14 June 2024

How to Translate Pages and Key Options with WPML?

28 August 2024

How to Add Custom Content to the Header in Xtra WordPress Theme: A Step-by-Step Guide?

1 September 2024

How to Disable Lazy Load on Your Website: A Step-by-Step Guide?

12 June 2024

How to Edit Product Tabs in WooCommerce?

21 September 2024

How to Fix HTTP ERROR 500: A Comprehensive Troubleshooting Guide?

14 June 2024

How to Customize Search Results to Show Only Products?

17 August 2024

How to Import an Arabic Demo Website: A Step-by-Step Guide?

11 June 2024
If you can't find your answer on this documentation
Submit a ticketSubmit a ticket
© 2025 XTRA WordPress theme documentation.
FacebookInstagramYoutubeDribbble
This website uses cookies to improve user experience.Accept and close
Download Xtra Theme Purchase Theme Xtra Theme Documentation Documentation Xtra Theme Videos Tutorials Video Tutorials Xtra Theme Support Center Support center Xtra Theme Showcase Showcase