Pro theme padding

[Mbzo]

Hi there,
Editing the Pro theme is not always intuitive, finding the correct css selector is time-consuming.
For example, on the home page there is a DIV <div class="x-container max width offset">
The padding is 60 pixels but there is no inspector option to zero that without hacking the css.
.site > .x-container.max.width {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135);
padding: 60px;
}
Is there an inspector option for that container?
Would it be possible to choose narrower margins and padding as an option? Is there a template editor or something for that?
Thanks in advance

[paul.r]

Hi,

You will be able to adjust the width and max width under Theme Options > Layout and Design

but for padding, you need to override that using css.

Add this in Theme Options > CSS

.site  .x-container.max.width {
   padding:0;
}

Hope this helps.

[Mbzo]

Hi Paul, thanks for your reply.
Yes, that is exactly what I did.

[nabeel]

Glad we could help.

Cheers!