I am utilizing the tip you guys provided HERE on creating full-width posts.
.single-post .x-main.left {
width: 100%;
max-width: none;
}
.single-post aside.x-sidebar.right {
display: none;
}
.single-post .entry-content {
padding: 0 !important;
}
.single-post .entry-wrap .x-container.max {
min-width: 100%;
width: 100%;
}
It works great, except there’s some type of unexplained padding-left and padding-right in the content area that I can’t explain.
The example page I’m referring to is HERE. For every section, row and column, I have zero margin or padding applied to try and figure it out.
How can I get rid of that?
My second question is I’ve tried to align the entry title with the following CSS:
.entry-header {
text-align: center;
padding: 20px 20px 0 130px;
margin-bottom: 33px;
background-color:#ffffff !important;
border: 3px solid #006897;
}
I figure this is NOT the way to do this, but how can I maintain this kind of centering at different break-points?