Adjusting the width of the sidebar

I’m attempting to make the width of my sidebar smaller. I’ve installed the Dazzling theme and of course using it with woocommerce plugin. I haven’t been able to figure out if I should be editing the Dazzling theme or woocommerce plugin to get what I need.

I’m working on a website that hasn’t been published yet but you can look by visiting here:

Hi @balanced,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Apperance -> Theme Options -> Other -> Custom CSS

@media (min-width: 992px){
div#secondary.col-md-4 {
  width: 30%;
div#primary.col-md-8 {
  width: 70%;

Best Regards,

@movin thanks for the code…but it did not work for me!

If you want to take a peek around, feel free here: