????? ?????? ?? ?????,S5 Casino Agent code.REGISTER NOW GET FREE 888 PESOS REWARDS!

Resolved edwardjonesdesign
(@edwardjonesdesign)

3 years, 9 months ago

I am using storefront theme and have been working on our development site with a child theme for a couple of weeks and yesterday the editor is showing headings with odd placement in the editor only – browsing the site the headings are in correct position.

H1 H2 H3 are not following theme margins as they have been when editing pages earlier using Gutenberg. H4 or H5 do align correctly as well as the P locks.

Headings are now forced full width with different left margins depending on header size. Adding a H1 forces all the way to the left 100%. H2 has more left margin but still not aligned, H3 has different left margin than the others and P aligns where it should. Even if I create a new page or post this happens.

I did run troubleshoot mode and see it is fixed/OK in default themes but both storefront and storefront child themes show the headers with incorrect alignment in the editor, making editing difficult.

Has there been any other reports of this for storefront or it just my site? I did update the parent storefront theme and no change.

See image linked here:
Screen Shot

Thanks for any help!

Viewing 6 replies - 1 through 6 (of 6 total)

Niall a11n
(@wpniall)

3 years, 8 months ago
Hi @edwardjonesdesign ,

Sorry to hear you’re having trouble getting the editor to display correctly when using Storefront.

I don’t see any other reports for this issue: https://github.com/woocommerce/storefront/issues?q=is%3Aissue+is%3Aopen+editor. I was also unable to reproduce the issue on my test site that runs Storefront with WooCommerce and not other plugins, so I suspect the issue may be to do with your site (or less likely your browser).

This kind of problem may be caused by a conflict with another plugin.
?
The best way to determine this is to:
- Disable all plugins except for WooCommerce
- Repeat the action that is causing the problem
If you’re not seeing the same problem after completing the conflict test, then you know the problem was with the plugins you deactivated. To figure out which plugin is causing the problem, reactivate your other plugins one by one, testing after each, until you find the one causing conflict. You can find a more detailed explanation on how to do a conflict test here.
Niall a11n
(@wpniall)

3 years, 8 months ago

We haven’t heard back from you for a while, so I’m going to mark this post as resolved. If you have any further questions or need additional help with the Storefront theme, please start a new thread and we’ll be able to help you out there. Thanks!
globalmatt
(@globalmatt)

3 years, 5 months ago
I’m seeing exactly the same issue. WordPress 5.7.2, Storefront 3.7.0. No child theme. All plugins deactivated.

Seems to be one or more rulesets inside storefront/assets/css/base/gutenberg-editor.css causing the issue. If I rename that file then all the headings align correctly.

Possibly related to this issue.
- This reply was modified 3 years, 5 months ago by globalmatt.
- This reply was modified 3 years, 5 months ago by globalmatt.
Niall a11n
(@wpniall)

3 years, 5 months ago

Hi @globalmatt,

Thanks for sharing this information. As this post is set to resolved, I recommend creating a new thread if you still need help.

I do see the same problem on my test site running WordPress 5.7.2, Storefront 3.7.0, and WooCommerce 5.4.1:

Link to image: https://d.pr/i/EsSzEV

I renamed the storefront/assets/css/base/gutenberg-editor.css file like you suggested, which fixes the problem:

Link to image: https://d.pr/i/o8KeY4

This problem is indeed related to the [Gutenberg master: several blocks are left aligned on wide screens #1320 issue you shared](https://github.com/woocommerce/storefront/issues/1320).

Thanks for reporting your findings to us. I have added them to the bug report.
lflizmark
(@lflizmark)

3 years, 5 months ago
June 19, 2021

I also confirm the same problem. I have WP 5.7.2. All plugins deactivated.
I’m using a standard theme, no WooCommerce or any sophisticated plugin installed, just a plain installation.

I am attaching a screenshot replicating the issue. On it, you will see that the H2 and H3 tags are algined to the left, while H1, H4, H5 and H6 work correctly.

https://lfpprojects.com/8ac33tz/docs/images/sc_Gutenberg_H1_H6_Incorrect_Alignment_Ok.jpg
- This reply was modified 3 years, 5 months ago by lflizmark.
- This reply was modified 3 years, 5 months ago by lflizmark.
Niall a11n
(@wpniall)

3 years, 5 months ago

Hi @lflizmark,

Yes, I see what you mean. I recommend following the existing bug report here for updates about this problem.

I have made a note of your findings on the report. Thank you for sharing!