Main container padding when trying to resize Travelify theme

Travelify
1

i am trying to adjust the site to 60% width but seem to be stuck trying to remove padding on the container at 20px.

i have added the following css code

.wrapper {
    max-width: 60%;
}
.container {
    max-width: 100%;
    padding: 0 30px;
}
.attachment-featured.wp-post-image {
    width: 100%;
}

.post-featured-image {
    max-width: 100%;
}
.slides img {
    width: 100%;
}

however i have reached a dead end trying to remove the padding.

any suggestions?

many thanks
http://unlockmobile.esy.es/

2

You should also add this code to remove padding from main content area, so it would be aligned nicely with slider and header.

#main {
  padding: 0;
}

Let me know if this is what you were looking for.

3

yes, thats exactly what i was looking for, fandabbydozy !

thanks very much.