How do I fix the margins?

Hi there.
When I uploaded a background image, the content in all the pages seem to be to close to the edge of the display area. Please see attached image.

How do I co about fixing this?

Thank you in advance.

Sincerely
Laurie MacIntosh

 

Please share the link of your website.

 

Hi Gourav
The link to the website is http://pgdynamic.ca/

Thank you in advance for your help.

Cheers
Laurie

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content_info {
margin-left: 30px;
}
.content-info-btn {
margin-right: 15px;
}
.feature_inner_box.first {
margin-left: 20px;
}
.feature_inner_box.last {
margin-left: 13px!important;
}

Adjust its value as per your requirement.

 

Thanks Gourav
That definitely fixed the home page margin issues, but the margin issues still exist on all the other pages.

Here are links to pages that will help demonstrate the issue;

Page with left sidebar - http://pgdynamic.ca/rentals/​

Full width page - http://pgdynamic.ca/specials/​

If you could provide me with the solution, I would be most appreciative.

Thank you in advance.

Sincerely
Laurie MacIntosh

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.content-bar {
margin-left: 30px;
}
.sidebar {
width: 70%;
}
.fullwidth {
width: 96%;
margin-left: 30px;
}

Adjust its value as per your requirement.

 

That did the trick. Thanks Gourav.

Cheers
Laurie