Removing boarder on individual post pages

[bcoplin]

Can you help me with the CSS to remove the boarder and padding on my post pages.

http://oneattatime.wpengine.com/what-are-we-doing-here-part-2/

Thank you in advance for the help!

[ruenel]

Hello @bcoplin,

Thanks for writing in!

By default, the border and padding were added to style the post layout in Integrity stack. In the stylesheet, (stack style.css), this css code were added:

.entry-wrap {
    display: block;
    padding: 60px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135);
}

.has-post-thumbnail .entry-featured {
    border-bottom: 1px solid #ddd;
}

You need to add CSS code into X > Theme Options > CSS to get rid of the border and the padding. You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.

The post content area is using .entry-wrap class. And based from the default css code, therefore a proper CSS selector for removing the border and padding will be:

.entry-wrap,
.has-post-thumbnail .entry-featured {
    padding: 0;
    box-shadow: none;
    border: none;
}

The points above will be a good starting point and if you are interested you can learn more about CSS selectors and details here.

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Hope this helps.