How to create padding around a post?

[brett924]

I like this Minimal Pro theme, but I don't like how the blog posts take up the full width of the post area when you read it.

Is there a way to increase the padding on either side of the post to make it a little less appealing.

It's okay on a small screen because of the responsiveness, but on a larger screen, the text is spread out across the whole screen and it's not very visually appealing at all.

Where in the CSS would I go?

http://www.simplyinthesuburbs.com/what-is-intentional-living/

[Davinder Singh Kainth]

1. In style.css file change...

.full-width-content .content {
    width: 100%;
}

to...

.full-width-content .content {
    width: 100%;
    padding: 0 20%;
}

2. Then add following in media queries to disable above added padding value

.full-width-content .content {
    padding: 0;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[brett924]

Thank you! I'm just now able to get back into this.

Where in the media queries does that little snippet go?

Anywhere?

And what does this do?

(the snippet above was perfect - looks so much better now!)

[Davinder Singh Kainth]

Add this

.full-width-content .content {
    padding: 0;
}

Below
@media only screen and (max-width: 768px) {

It will remove extra space / padding for tablet and mobile users.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[brett924]

Perfect. Thanks.

So these are the different screen sizes. The purpose is to find the first tablet size that doesn't need to be padded and decrease it back to a full screen width?

[Davinder Singh Kainth]

Step 1 adds extra space on either side.
Step 2 removes that space for tablet and mobile users.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Author]

Posts