Reduce White Space – Sela Theme

breecrowder · Member · Jan 5, 2016 at 3:07 pm
Copy link

Add topic to favorites
I’m looking for CSS that will reduce the white space between the text and the edges of this post? Aiming for something like this.

Thank you!

The blog I need help with is: (visible only to logged in users)
michaelvandenberg · Member · Jan 5, 2016 at 4:03 pm
Copy link
If it’s only for that specific page you can use this to reduce the white space:
```
.page-id-6 .content-area {
	width: 100%!important;
	margin-left: 0!important;
	margin-right: 0!important;
}
```
Let me know if it works!

Best regards,

Michael
breecrowder · Member · Jan 5, 2016 at 4:13 pm
Copy link
That does work! Do you have any idea how to reduce the overall size of that page? Please see examples linked in my original post as examples. Mine is quite wide compared to the other.
michaelvandenberg · Member · Jan 5, 2016 at 5:59 pm
Copy link
Great! :)

Add this to narrow the page:
```
.page-id-6 .content-wrapper.with-featured-image {
	margin-left: 11%!important;
	width: 70%!important;
}
```
If you reduce the width you should increase the left margin to keep the content neatly centered and vice versa.
breecrowder · Member · Jan 5, 2016 at 6:09 pm
Copy link
THANK YOU. Amazing help. I so appreciate it.
michaelvandenberg · Member · Jan 5, 2016 at 8:13 pm
Copy link
You’re welcome :)
max14lou · Member · Jan 6, 2016 at 5:16 am
Copy link
Hello, would i need to use these same codes for Sela or something different? It doesnt work for me.

thanks
thesacredpath · Member · Jan 6, 2016 at 5:36 am
Copy link
@max14lou, the code above is specific to a certain page on the user’s site, so it is very unlikely that it would work for yours. Which page or post are you wanting to adjust?
max14lou · Member · Jan 6, 2016 at 8:52 am
Copy link
thanks for your quick response. Ideally I would want it in all pages. Ill show you my About: https://lifeoutofabackpack2014.wordpress.com/

I would just like the gap on the right side smaller and the left side bigger so its centred.

I also have another quesry you might be able to help with, I would like the side widgets seen in the about page to appear on pages with the Grid Page Format. Is that possible? e.g. on this page:
https://lifeoutofabackpack2014.wordpress.com/videos/

Thanks!!
thesacredpath · Member · Jan 6, 2016 at 5:52 pm
Copy link
@max14lou, you would need the WordPress.com Premium Plan upgrade in order to save and apply the custom CSS needed, but you can try out and preview custom CSS before you buy as explained here.

This would be the code. Due to the way Sela works, we need to limit this to screens 1180px and wider by using a Media Query. Below that things center by design.
```
@media screen and (min-width: 1180px) {
.content-wrapper.with-featured-image {
    margin-left: 100px;
    margin-right: 100px;
}
}
```
thesacredpath · Member · Jan 6, 2016 at 5:53 pm
Copy link
The Grid page template does not show widgets on the side and there is no way to add that functionality with CSS.

No items found.