Return to previous page

Theme　”Jewellery Niche Market” 　I want to change the width of the sidebar.

This topic has 6 replies, 2 voices, and was last updated 1 years, 6 months ago ago by Tony Rodriguez

eternity

Participant

June 2, 2023 at 06:37

Hello everyone.

I want the category sidebar to be the same width as the blog page.

Can I change it with CSS?

Please, contact administrator
for this information.

#358419 Copied Theme version: 1.0

5 Answers
Tony Rodriguez

Support staff

June 2, 2023 at 08:15
Hello, eternity,

Thank you for choosing XStore as your WooCommerce WordPress theme.

In order to resolve your issue, please copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache:
```
.category .col-md-4.col-md-pull-8.sidebar-enabled.sidebar.sidebar-left {
    width: 25% !important;
    right: 75% !important;
}
.category .content.col-md-8.col-md-push-4 {
    width: 75% !important;
    left: 25% !important;
}
```
The result should look like this: https://postimg.cc/Cnnx2MDZ

Best Regards,
8Theme’s Team
#358421 Copied
eternity

Participant

June 2, 2023 at 08:34

Thank you.

But I thought the setup was a success.

Scroll down the screen.

The width of the widget will be broken

Can you fix it?

Please contact administrator
for this information.

#358424 Copied

Tony Rodriguez

Support staff

June 2, 2023 at 08:47

Hello, eternity,

We are pleased to inform you that your issue has been resolved. To ensure the changes take effect, please clear your browser cache and revisit your site. We have turned it OFF the sticky sidebar option under Xstore > Theme Options > Blogs, which has resolved your issue.

Thank you for your patience and understanding.

Best Regards,
8Theme’s Team

#358425 Copied

eternity

Participant

June 2, 2023 at 09:03

What if I want to use the sticky sidebar option?

And one more thing, please.

I want the TAG page sidebar to be the same width as the blog page.

Please contact administrator
for this information.

#358426 Copied
Tony Rodriguez

Support staff

June 2, 2023 at 09:41
Hello, @eternity,

Thank you for your inquiry regarding the sticky sidebar option. Unfortunately, if you use the sticky sidebar option with the CSS code provided, it will not work correctly due to the difference in width between the blog sidebar (which is set to a custom width) and the category or shop sidebar (which has a default width).

If you would like the sidebar on the TAG page to be the same width as the blog page, please copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache:
```
.tag .col-md-4.col-md-pull-8.sidebar-enabled.sidebar.sidebar-left {
    width: 25% !important;
    right: 75% !important;
}
.tag .content.col-md-8.col-md-push-4 {
    width: 75% !important;
    left: 25% !important;
}
```
The result should look like this: https://postimg.cc/QKjYGNdx

We hope this helps.

Best regards,
8Theme’s Team.
#358429 Copied
Tagged: change, jewellery, niche market, sidebar, templates, width, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)