how to remove space between blog content and widgets

Can you please post a link to your site? It makes it easier to offer specific suggestions. Thanks.

https://www.thecharteredtimes.com

The space between widgets and page content is so much. Twenty fourteen extender start a slider on fron page otherwise it decreases the space,i did set the that under css styleshit the content width to 100% and 900px or more but that never workred. If u have any specialized sugggestion, i shall be very thankful to u, it is now Thisteen fourteen RL child theme i am using in which these is no Left side bar.

Add these CSS rules to the end of your child theme’s style.css file:

@media screen and (min-width: 1008px) {
   .site-content {
      margin-right: 0;
      width: 100%;
   }
   #primary {
      width: 70%;
   }
   .content-sidebar {
      width: 30%;
      margin-left: 0;
      padding-left: 0;
   }
   .site-content .entry-content {
      margin-right: 0;
      padding-right: 0;
   }
}

This will eliminate all spacing between the content area and the sidebar. You can add spacing back in by adjusting the value for margin-left or padding-left for the sidebar, or margin-right or padding-right for the entry-content.

i tried it but it is not working.

actually there is one way you can help me, if i apply Twenty fourteen RL child theme, everything is good, but after installing and actiavting
twenty fourteen extended

there is a slider that appears on screen

if u can help me remove that slider everything is perfect in that case.

Do u have any idea how to remove the slider that appeasrsin case we use twenty fourteen extender.

i shall be very thankful to u if u acn help me , I however salute to ur helpful gesture.

Hi. Just used your code and it did work, sort of. First we saw the margin space reduced in a full-screen view. Then in a smaller partial-screen window, it was back to the original proportions. I happened to notice that when I de-maximized the window and then manually enlarged it, the new thinner space between main page content and widget space suddenly appeared at about three-fourths screen size. Very curious. It literally jumps at a certain point. Have you any quick ideas about what might be happening?

We are working in a test domain right now, while migrating into WordPress, so I’m not sure how to show you this affect. Would you want our test domain url?

Thanks for any time spent, JMWade

JM, the four rules are enclosed in something called a media query. It’s one of the ways that responsive sites work: you can resize or change the alignment of elements at different screen widths so that the page adjusts when viewed on a desktop versus a mobile device. Note that the first line is:

@media screen and (min-width: 1008px)

This means that the rules enclosed by this media query are in effect when the screen is 1008px or wider. I think I picked this particular value based on the customizations that original poster had done on his site, so you may want to adjust it depending upon the characteristics of your own site. If you would like to provide the URL for your test site, I can take a look.