Centering Sela Content
-
I successfully was able to center actual pages, but I haven’t been able to figure out how to center the main page or individual blog posts.
Is there CSS that can fix this?
The blog I need help with is: (visible only to logged in users)
-
Hi there, you can give the following a try and see what you think.
.blog .without-featured-image > .entry-header, .single .without-featured-image > .entry-header, .archive .without-featured-image > .entry-header, .search .without-featured-image > .entry-header { margin-left: 0; } .entry-body { padding-left: 0; } .entry-meta .edit-link { display: none; } -
Fantastic! Now, is there a way to possibly make the actual blog post skinnier, while still remaining centered?
-
Hi, the width is actually set on the overall .site div, so if we change that, it will also affect the header/navigation and footer. This first bit of CSS changes only the width of the content
.content-area { float: none; margin-left: auto; margin-right: auto; width: 80% !important; }and this would reduce the .site div
.site { max-width: 750px; }Give them both a try and see which you prefer. The max width of the .site was originally 1180px.
-
Thank you! I think this will be my last question…
How can I center the blog post title from the blog post content?
Thanks so much!
-
Hi, to center the post titles, add the following CSS.
.post .entry-title { text-align: center; } -
-
- The topic ‘Centering Sela Content’ is closed to new replies.