Decrease the Width of Sidebars

Hey there darshan_cool,

Hope you’re well today!

Since you already have child theme up and running please try adding the following code to your child theme style.css:

@media (min-width: 769px) {
.grid-75 {
  width: 80%;
}
.grid-25 {
  width: 20%;
}
}

This should reduce the width of the sidebars and increase the width of your content area. The original values are 75% for content and 25% for sidebar, you can play with the numeric values to set it up to what ever suits you the most.

If the code doesn’t work please keep it added and post link to your site so I can take a look ??

Hope this helps!

Cheers,
Bojan

Hey Thnx for the reply but Unfortunately it dint worked ??
Here is my Site https://www.jainsamay.com
u c the left sidebar, i want to reduce the white thing which is appearing
near my Images.
thanx.
Waiting for your Reply….
Darshan

It’s actually much easier to use our built in filters.

For example:

add_filter( 'generate_right_sidebar_width','generate_custom_right_sidebar_width' );
function generate_custom_right_sidebar_width()
{
      // 25 being 25% - increase or decrease by 5%
      return '25';
}

add_filter( 'generate_left_sidebar_width','generate_custom_left_sidebar_width' );
function generate_custom_left_sidebar_width()
{
      // 25 being 25% - increase or decrease by 5%
      return '25';
}

You can also use our Spacing add-on to define the size of your sidebars using the Customizer if you’re not comfortable with PHP.

Hope this helps ??

where to put these Code ????????

Create a ‘functions.php’ file in your child theme if it doesn’t already exist, then put it in there. At the bottom, before the ?> tag (if that’s there).

Thanx Guys @tom & @andrew for your Help :))
Be Supporting Alwayz ……
Best Wishes
Darshan
from INDIA

Happy to help! ??

Thanks)
I was hoping that it would be in the theme settings.
But if you can not, and thank you for it!