Indent
-
One of the problems I had with blocks was that even in ‘classic’, when i did the preview there was tons of white space on left side, like the whole thing was heavily indented. How can this be fixed?
-
Hi there,
Are you speaking of https://energyathaas.wordpress.com/2020/08/24/why-dont-we-do-it-with-demand/?
That white space on the left of your posts is how your theme is designed to look, and has nothing to do with the editor. You’ll see whitespace like that next to the content on any well-designed theme:
Lines of content on a website should never be more than a certain number of characters. Make the lines too long, and it becomes difficult to read the text.
So the width of the content area will always be limited up to a certain maximum width, leading to whitespace on either side if you view the site on a computer screen wider than the content area. Some themes use this whitespace to add in a sidebar, as your theme does on the right-hand side, with some themes leaving that area blank on one or both sides.
It’s possible to make the content area wider and effectively eliminate that whitespace using custom CSS on our Premium Plan, but I wouldn’t recommend that, as it will make it harder for visitors to your site to read your content.
I see your site has a premium plan owned by another user, so you’ll be able to do this if you want, but we don’t provide support for this kind of change. If you need help with the code needed for something like this, you can hire a freelancer to help you with the changes via Upwork.com:
-
Hi there, thanks so much for the reply. Actually, this is not how it’s supposed to look, if you look at other posts they don’t have a much of an indent, e.g.: https://energyathaas.wordpress.com/2020/08/17/electrification-mandates-and-slow-housing-growth/
The author used the new block editor and that’s why it shows up with so much white space. I don’t know how to switch this post back to the classic editor without having to re-create it from scratch?
Thanks again,
Cristina B.
-
In this case, the problem is simply that the images have been left-aligned instead of center-aligned: https://wordpress.com/support/wordpress-editor/blocks/image-block/#aligning-images :)
-
Hi there, no I’m afraid that’s not it. I tried centering them and the text is still showing as indented in. Anything else? As mentioned, I am trying to figure out how I can update the block editor back to classic, without having to re create the post.
-
Hm, ok, would you please see save it with the images center-aligned and we’ll work from there?
-
-
Hm, are we working on different pages?
The images at https://energyathaas.wordpress.com/2020/08/24/why-dont-we-do-it-with-demand/ still show aligned left, both on the site and in the editor.
-
Is there a way to show a screenshot? I just went into the post again to make sure that I centered the images and they show as centered. I can share a screenshot if possible?
-
Hm, this is definitely getting odd.
If you create a new page, text-only, is it still indented like that?
-
No, if I create a new post it shows up fine (not indented). But I am using the classic editor.
The person who created the post that has the issue with the indentation used the new editor (but we want to switch it back t the classic editor). How can we switch it back without having to create a new post?
-
Hi there.
Please take a screenshot and upload it to your Media Library so we can see it and better understand what’s going on. Here’s how to take a screenshot:
-
Thanks. Just uploaded the screenshot showing the image as centered. The other images are centered as well.
-
Thanks. Here’s what I’m seeing on the theme demo site:
https://carmackdemo.wordpress.com/2015/10/21/a-post-with-a-featured-image/So that’s how it’s supposed to display, actually.
It took me a minute to figure this out, but I think I’ve got it. You are right: it is because they used the new block editor.
AND it’s because your site has some CSS that makes the content full width, but, that CSS isn’t applying to block-edited content.
So, if you want to match that style, try this:
.editor-block .the-content>* { width: 100%; margin-left: 0%; margin-right: 0; }We aren’t able to provide extensive CSS layout support, so you’ll want to double check to be sure that’s working on various screen sizes. If it does not work well, you’ll need to do some tinkering. But I can see the issue is simply that the CSS you’ve added isn’t applying to block-edited posts.
-
Thank you again and sorry for the delay. I went back into some posts that use the classic editor, and don’t see the code that you mentioned. I also tried testing it and adding it to a post that uses the new block editor but it’s not fixing the indented text.
Our authors have still been running into some problems where our blog text is heavily indented in when using the new editor (but even some are encountering this issue now while trying to use the classic editor. But they should not be encountering the indentation issue when switching back to the classic editor. Do you know if that is correct?
Lastly, do you happen to know when the absolute latest is that we can use classic editor? Is it going completely away?
-
In addition to the previous question…if I did want to have the ‘tags’ show up on the right side, how would I do that? You posted the template link here, but I’m not seeing how to put the tags there.
https://carmackdemo.wordpress.com/2015/10/21/a-post-with-a-featured-image/
-
I went back into some posts that use the classic editor, and don’t see the code that you mentioned.
The code is not in the editor. It’s added in the Custom CSS section in the Customizer, where you can add CSS code to override your theme’s default design. You are able to add custom CSS to this site thanks to the premium plan owned by another admin,
eiathaas.To view or modify your custom CSS code, go to My Site ->Design ->Customize ->Additional CSS.
The current code that makes your classic editor content full-width is this:
.the-content { padding: 0 !important; width: 100% !important; }You need to add the code @supernovia provided above underneath that to have it also target content createde in the block editor.
But they should not be encountering the indentation issue when switching back to the classic editor. Do you know if that is correct?
As the custom CSS currently on your site targets content created in the classic editor, but not content created using blocks, it should still work for any new content created in the classic editor.
Lastly, do you happen to know when the absolute latest is that we can use classic editor? Is it going completely away?
The classic editor at My Sites is already completely gone. I’m not able to tell you how much longer the classic editor in WP-Admin will still be available.
In addition to the previous question…if I did want to have the ‘tags’ show up on the right side, how would I do that?
The tags appearing in the white space to the left of the post content is how the theme works by default.
The CSS that makes your content area wider is also causing those tags to get pushed down underneath the post. Having that display to the right of the text instead is possible with CSS, but we’re not able to help you with the code for that type of change. For that you can retain a freelance developer to help you figure out the code. We recommend Upwork.com for this purpose:
- The topic ‘Indent’ is closed to new replies.
WordPress.com Forums 