background – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Thu, 07 Nov 2024 02:37:58 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 How to Fix Slider Revolution Background Not Loading: Quick Solutions for Background Image Issues https://xtratheme.com/docs/how-to/how-to-fix-slider-revolution-background-not-loading-quick-solutions-for-background-image-issues/ https://xtratheme.com/docs/how-to/how-to-fix-slider-revolution-background-not-loading-quick-solutions-for-background-image-issues/#respond Wed, 25 Sep 2024 08:31:35 +0000 https://xtratheme.com/docs/?p=4454

Solution for Background Image Issues in Slider Revolution

Step 1
Xtra

Upload a low-size, smaller-dimension image as the slider background.
Clear your browser cache and test to see if the issue is resolved.

  1. Go to Dashboard > Slider Revolution > Overview > Select the Slider
  2. Then Go to SLIDE OPTIONS > Source > Media Library > Choose a new small image > Click on the Save Button
Slider12

This method usually solves the problem, as it often arises due to the size and volume of the background image.

If the issue persists:

  1. Deactivate all plugins.
  2. Check to ensure that the Xtra Theme, Slider Revolution plugin, Codevz Plus Plugin, and WordPress are all up to date.
  3. Clear your browser cache again and check once more.
]]> https://xtratheme.com/docs/how-to/how-to-fix-slider-revolution-background-not-loading-quick-solutions-for-background-image-issues/feed/ 0 How to Change Title Bar ‌Background Image? https://xtratheme.com/docs/how-to/how-to-change-title-bar-background-image/ https://xtratheme.com/docs/how-to/how-to-change-title-bar-background-image/#respond Tue, 24 Sep 2024 05:39:51 +0000 https://xtratheme.com/docs/?p=4408

Change Background Image of Breadcrumbs

Step 1
Xtra

To insert an image or change the background image of the breadcrumbs in the Theme, you can proceed from the following path:

Header > Title and Breadcrumbs > StyleKit of Container > Background > Upload an Image there

Breadcrum

To change the title Bar background in a single post or page, you can adjust the settings through the following path:

Custom page/post title background:

  1. Dashboard > All Posts/Pages
  2. Page Settings
  3. Header Settings
  4. StyleKit of Title Background
  5. Upload an Image in Image field
Titlr bg fa
]]> https://xtratheme.com/docs/how-to/how-to-change-title-bar-background-image/feed/ 0 How to Add Cover Images to WooCommerce Categories and Tags https://xtratheme.com/docs/how-to/how-to-add-cover-images-to-woocommerce-categories-and-tags/ https://xtratheme.com/docs/how-to/how-to-add-cover-images-to-woocommerce-categories-and-tags/#respond Sun, 01 Sep 2024 08:33:22 +0000 https://xtratheme.com/docs/?p=3864

Description and Screenshot

Step 1
XTRA

Adding a cover picture to the WooCommerce category and tag

Adding a cover picture to the WooCommerce category and tag pages can significantly enhance the visual appeal, user experience, branding, and even the performance of your online store, making it a valuable practice for any WooCommerce site owner.
Here are the step-by-step instructions:



  1. Go to Dashboard > Products > Categories
  2. Edit the category that want
  3. Upload an image in Thumbnail part
  4. Click on Update



Woo cat
Woo cat2
Tip

It is important to know that:

The steps for adding a background image or thumbnail to the WooCommerce tag are the same.

]]> https://xtratheme.com/docs/how-to/how-to-add-cover-images-to-woocommerce-categories-and-tags/feed/ 0 How to Add Cover Images to Category and Tag Pages: A Step-by-Step Guide? https://xtratheme.com/docs/how-to/how-to-add-cover-images-to-category-and-tag-pages-a-step-by-step-guide/ https://xtratheme.com/docs/how-to/how-to-add-cover-images-to-category-and-tag-pages-a-step-by-step-guide/#respond Sun, 01 Sep 2024 07:58:42 +0000 https://xtratheme.com/docs/?p=3855

Description and Screenshot

Step 1
XTRA

Adding a cover picture to category and tag pages

Adding a cover picture to category and tag pages enhances both the visual and functional aspects of your website, leading to better user experience, stronger branding, and potentially improved SEO performance.

 

Here are the step-by-step instructions:

  1. Go to Dashboard > Posts > Categories
  2. Edit the category that want
  3. Open StyleKit of Title Background and set an image in the image field.
  4. Click on Update


Catego p
Scr
Tip

It is important to know that:

The steps for adding a background image to the title of tag pages are exactly the same.

]]> https://xtratheme.com/docs/how-to/how-to-add-cover-images-to-category-and-tag-pages-a-step-by-step-guide/feed/ 0 How to Change the Title Background on Your Website? https://xtratheme.com/docs/how-to/how-to-change-the-title-background-on-your-website/ https://xtratheme.com/docs/how-to/how-to-change-the-title-background-on-your-website/#respond Sat, 31 Aug 2024 12:34:35 +0000 https://xtratheme.com/docs/?p=3840

Description and Screenshot

Step 1
XTRA

Changing title background

Breadcru22

To change the background image of the internal pages, follow the path below:

Theme Options > Header > Title & Breadcrumbs > Container > Image



Breadcrum
]]> https://xtratheme.com/docs/how-to/how-to-change-the-title-background-on-your-website/feed/ 0 Theme Options: Colors & Styles https://xtratheme.com/docs/theme-options/theme-options-colors-styles/ https://xtratheme.com/docs/theme-options/theme-options-colors-styles/#respond Thu, 20 Jun 2024 12:10:53 +0000 https://xtratheme.com/docs/?p=1715

Description and Screenshot

Step 1
XTRA

Colors and Styles

Under Colors and Styling section you can change primary and secondary website colors, Change background color and any general styling.

  1. Accent Color – You can change all primary theme colors
  2. Secondary Color – You can change website secondary colors
  3. Dark Mode – If you want to turn your site to dark mode enable this option
  4. Styling – Only general styling options for body, buttons, images, etc.
  5. Widgets – Full styling options for sidebars and widgets
Colors and styles theme options
Tips

You may want to know …

  • Theme Colors – If your theme color is for e.g. red and you want to change it to green, it will replace all old red colors in your database with new color you selected.

  • Dark Mode – It will affect only on 70% of website and you need to change some other parts that have custom styles manually.

  • Boxed StyleKit – If you want to change boxed background, first enable it from
    Theme Options > General > Layout
]]> https://xtratheme.com/docs/theme-options/theme-options-colors-styles/feed/ 0 How to Change Your Website’s Background Color? https://xtratheme.com/docs/how-to/how-to-change-your-websites-background-color/ https://xtratheme.com/docs/how-to/how-to-change-your-websites-background-color/#respond Tue, 11 Jun 2024 05:22:42 +0000 https://xtratheme.com/docs/?p=2402

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.
]]> https://xtratheme.com/docs/how-to/how-to-change-your-websites-background-color/feed/ 0