text margin/padding

Hello all,

I’m trying to adjust the text margins on specific pages and I’m having trouble.

Here is the page.

And here’s the css at the moment:

.page-id-130 #main-wrapper {
  background: url('/wp-content/themes/uploads/inhershadows_background.png') no-repeat center #FAFAFA !important  ;
  margin-bottom: 0;
  margin-top: 0;
}

I’ve tried with this:

.page-id-130 #main-wrapper {
  background: url('/wp-content/themes/uploads/inhershadows_background.png') no-repeat center #FAFAFA !important  ;
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 10%;
  padding-right: 10%;
}

It seems to work minimally but when I try larger percenteges (i.e.: 25%) the whole wrapper seems to shift to the right and my browser just becomes larger so you have to scroll to see the right hand side of the page.

What I’m really looking for is to target the textual content of the wrapper and set its margin independently, if this is possible.

Thank you.