Widgets size same as content

Hi people

I want to make the size of the left ( the one with the picture slideshow) and right widgets (volg ons) on the home page same as the content (see attachtment picture). Must i use something with margin-left, padding-lef margin-right or padding-right: This is the website what i mean http://www.dutchyipsstudy.nl/

Hey there

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

I’m still not clear on what you’re trying to achieve.
Is it that you want to move both widgets to the edge of the page? based on the markings that was on the screenshot.

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

/shift left col/
aside#metaslider_widget-5 {
position: relative;
right: 7%;
}
/shift right col/
#social-widget-2.widget.Social_Widget {
position: relative;
left: 9%;
}
`

Best Regards,
Support

Thanks that is exactly what I mean.
I have a another question. How can I add white space between the widgets (you see know grey background between the widgets see my attachtment picture)? That it looks like 1 page. I use margin-right for #rpwe_widget-2.widget.rpwe_widget.recent-posts-extended but than I see overlapping with the volg ons widgets on a small screen.

Hello there,

This CSS code can be used to add a margin to the right:

/*Add margin to the right*/
div#panel-45-1-0-0, div#panel-45-1-1-0, div#panel-45-1-2-0 {
    margin-right: 20px;
}

Best Regards,
Support