Reduce White Space – Sela Theme
-
-
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
-
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.
-
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.
-
-
-
Hello, would i need to use these same codes for Sela or something different? It doesnt work for me.
thanks
-
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!!
-
@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; } } -
The Grid page template does not show widgets on the side and there is no way to add that functionality with CSS.
- The topic ‘Reduce White Space – Sela Theme’ is closed to new replies.