On some installs or plugin updates the WooCommerce price filter widget doesn’t appear correctly within the Shop sidebar. there is an easy fix just go to: WooCommerce > Status > Tools and click the following buttons:

 

• WooCommerce transients – clear transients
• Expired transients – clear transients
• Product lookup tables – regenerate

First, create your desired custom sidebar. You can create a new sidebar through the following path.

Go to Dashboard > Appearance > Widgets > Add Custom Sidebar > Select a Name > Save.

Go to Dashboard > Post/Page > Page Settings > General Settings >
Sidebar ( select a type of sidebar) > Primary Sidebar > Select the Sidebar.

Adding widgets to the sidebar of a WordPress website can significantly enhance both the functionality and aesthetic appeal of your site. They offer a versatile way to provide additional content, improve navigation, and engage users, all of which can contribute to a more successful and user-friendly website.

Here we want to explain step by step how to add a widget to the sidebar:

1. Go  to Theme Options > Widgets
2. Select a Widget
3. Add a Widget

In this post, we have taught how to add the offcanvas menu icon in desktop header. You can show what you want with the help of widgets in the Xtra Theme.

See screenshots of the guide below:

1.  From Dashboard > Appearance > Widgets
2. Offcanvas > Add some Widgets then save them
3. From Theme Options > Header
4. Select Header top bar/ Header / Header bottom bar
5. Add Element > Select Offcanvas sidebar
6. Choose an icon.

In the WordPress ٓXtra Theme, you can fully customize the widgets and, for example, set the background color, font, etc. for it.

The Path is Theme Options > General > Colors & Styling > Sidbar & Widgets > Widgets StyleKit.

You can also change the style of a single widget.

The Path is Dashboard >Appearance > Widgets.

Under Theme Options > Widgets you can find and customize your website widgets.

1. Number of Widgets Area – Here WordPress tells you how many widgets area exists.
2. List of Widgets Area – You can see list of available sidebars on current page.
3. Example Widget – This is an example widget that is ready to edit settings.

• Other way – Also from Appearance > Widgets you can find and customize your widgets.
  
  
• Design – From Theme Options > General > Colors and Styles you can find and customize sidebar and widgets styling.

Under layout section, you can change sidebar position, fullwidth or boxed mode for overall layout, site width and more.

1. Sidebar – Sidebar position left, right, both sides, none or even content center.
2. Layout – Fullwidth, Boxed or Boxed with margin
3. Site Width – Change site width in PX and %
4. Sticky Sidebar – Enable Sticky Sidebar on all pages
5. RTL mode – Will load right to left styles

• Boxed mode – If you enable boxed mode for layout then from Theme Options > General > Colors you can change boxed mode and body background colors.
  
  
• RTL Mode – Useful for non RTL sites, you can enable this option and theme automatically will loads RTL styles.
  
  
• Sidebars – If you want to change sidebar background or styling, go to Theme Options > General > Colors and find Sidebar StyleKits

If you have any available widget on your site pages, You can customize widget styling separatelly, For this purpose go to Theme Options > Widgets > Primary (According to your widget position), Then follow below shot:

• Other solution – Go to Dashboard > Appearance > Widgets you can customize any widgets styling on active sidebars.

Go to Theme Options > Footer > Footer Widgets you can find and set footer widgets layout number of columns.

1. Columns – There is 21 different layouts for footer widgets area.
2. Styling – You can customize any part of footer widgets styling, colors, background, etc.

Go to Dashboard > Appearance > Widgets you can find and add widgets into sidebars.

1. Widgets – List of available widgets that you can use in sidebars.
2. Sidebars – List of available footer widgets area that you can add widgets inside them.

• Custom Content – If you want to add custom page content as footer widget, you can create a page and add your content then publish it. From Appearance > Widgets you can find and add custom content widget.

Generally sidebar is disabled for all custom pages and only posts and taxonomy pages affect following options. Under Theme Options > General > Layout you can find and enable sidebar position.

1. General > Layout – Location of general sidebar position option.
2. Sidebar Position Option – Showing you default selected option.
3. Available Sidebar Positions – List of sidebar positions that you can choose.

If you wish only enable sidebar on posts archive and single posts, first make sure your general sidebar option is disabled. Under Theme Options > General > Layout you can find and disable general sidebar position then go to Theme Options > Blog > Blog Settings and find Sidebar option and enable it.

Go to Dashboard > Appearance > Widgets you can find and add widgets into sidebars.

1. Widgets – List of available widgets that you can use in sidebars.
2. Sidebars – List of available sidebars that you can move and add widgets inside them.
3. Adding Widget – Move a widget from left side to one of sidebars in right side

Go to Dashboard > Pages and find your page then edit it in backend. Each page have different sidebar settings, you can edit your page in backend and from page meta settings you can find and change that page sidebar settings.

1. General Settings – Scroll down to see page general settings tab.
2. Sidebar – Sidebar option and list of available sidebar positions.
3. Sidebar Name – After you set sidebar position you can change sidebar name from list.

• Search Page – From Theme Options > Blog > Search Settings you can find sidebar option for search page and change it.
  
  
• Design – From Theme Options > General > Colors and Styles you can find and customize sidebar and widgets styling.

On some imports and installs the WooCommerce price filter widget doesn’t appear correctly in the shop sidebars. Good news, there is an easy fix.

Go to WooCommerce > Status > Tools and click the following buttons:

1. WooCommerce transients > Clear transients
2. Expired transients > Clear transients
3. Product lookup tables > Regenerate