RESOLVED: Adding left & right space to main area

Hi,

I would like to add some space on left and right of my main content area. The content is too close to edges. You can see examples of an article:



an ecommerce component product page:



and a real estate component page:



I tried to firebug these pages and found [and tried to modify] "item-page", "content-and-right", "content-wrap-top", and "content-wrap" but not sure if I should be changing "padding" or "margin" style.

Could you take a look and let me know file and code to add this spacing?

Thanks
Scott

ps links to moderator

.column_left .menu{
padding-left:<root padding>!important;
}

.column_left .menu > li > ul{
padding-left:<1st level padding>!important;
}

.column_left .menu > li > ul > li > ul{
padding-left:<2nd level padding>!important;
}

Hi Ivan

I think the code you gave me here is the same code from my other post about indenting submenus in Main Menu. Maybe you pasted it here in this post by mistake?

Thanks
Scott

.content_wrap{
padding:20px;
}

Hi Ivan,

I again guessed and added your code to layout.css and it worked and now looks great.

Thanks for your help

Scott