change width of sidebar on dazzling theme

Can you tell me how to reduce the width of the sidebar on the dazzling theme. I am trying to make it less intrusive to the rest of the page content. site is www.fillingthepig.com

thanks

kevin

Hey there,

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 -> Appearance -> Customize -> Additional CSS

/*reduce width of side bar*/
@media (min-width: 992px){
div#secondary {
    width: 20%;
  }
  div#primary{
    width:80%
  }
}

Best regards,
Support.

This worked, but I decided not to implement the change. Thanks anyway.

But I do have one other question. I just noticed on my main page that the widget section is not completely centering on the page. the top portion which is text does, but not where I have the widgets - it’s aligning slightly to the left.

Is there a way to fix it. www.fillingthepig.com

Hello there,

Please try using this CSS to center the widget text:


/*Center widget header*/
.widget_link_list h3.widgettitle {
    text-align: center;
}

/*Center widget text list*/
.widget_link_list.widget ul {
    text-align: center;
}

Let me know if this works for you.

Best Regards,
Support