I would like to change my Blog posts' text appearance and save it as a default.
All in all I would like to change the appearence of the text to be more in line with what I see in the backend in the Gutenberg Editor. I quite like the spacing between the lines of the text and also the spacing for paragraphs. Unfortunately this doesn't translate to the frontend.
Also I would like the text width to not go across the whole site but boxed with a 800px width. That should also contain the title, pictures, footer and the comment section.
To change the style here https://d.pr/i/GWc86s You have to go to wp-admin>theme options>typography And edit the BODY typography. You have to reduce the line-height here, to reduce spacing between lines. The text is supposed to be already boxed. Can you provided a url where can we see a blog post where the text go across the whole site? No option is available to increase the spacing between paragraph, so you have to use a custom css code. Please go to wp-admin>theme options>custom css/js and add this code in the custom css field:
I can't provide a URL as the post already is online. It can be reproduced by going to theme options -> posts settings -> single posts sidebar -> scroll to "single posts default sidebar" -> set to "- None -". As soon as the sidebar is disabled, the content displays across the whole site.
If I remove the sidebar, the content should still boxed to 1230px width. You can reduce the box width by adding this custom css code in the custom css field:
Hello there,
I would like to change my Blog posts' text appearance and save it as a default.
All in all I would like to change the appearence of the text to be more in line with what I see in the backend in the Gutenberg Editor. I quite like the spacing between the lines of the text and also the spacing for paragraphs. Unfortunately this doesn't translate to the frontend.
Also I would like the text width to not go across the whole site but boxed with a 800px width. That should also contain the title, pictures, footer and the comment section.
How do I do this?
Thank you very much,
Chris
Hi Chris,
To change the style here https://d.pr/i/GWc86s
You have to go to wp-admin>theme options>typography
And edit the BODY typography. You have to reduce the line-height here, to reduce spacing between lines.
The text is supposed to be already boxed. Can you provided a url where can we see a blog post where the text go across the whole site?
No option is available to increase the spacing between paragraph, so you have to use a custom css code.
Please go to wp-admin>theme options>custom css/js and add this code in the custom css field:
p{
margin-bottom: 20px;
}
Thanks,
Alexandre from the Sonaar.io Crew
Hi Alexandre,
all those suggestions work great. Thanks a lot!
I can't provide a URL as the post already is online. It can be reproduced by going to theme options -> posts settings -> single posts sidebar -> scroll to "single posts default sidebar" -> set to "- None -". As soon as the sidebar is disabled, the content displays across the whole site.
Best,
Chris
Hi Chris,
If I remove the sidebar, the content should still boxed to 1230px width.
You can reduce the box width by adding this custom css code in the custom css field:
.single-post #wrapper .container {
max-width: 800px;
}
Thanks,
Alexandre from the Sonaar.io Crew
Thank you very much, I will try that!
Chris
You are welcome
Thanks,
Alexandre from the Sonaar.io Crew