Lot’s of problems with Microsoft Edge

  • Resolved jimmiedee

    (@jimmiedee)


    3 years, 10 months ago

    Hi,

    I’m trying to migrate posts to Gutenberg using WordPress 5.6 and Baskerville 2.1.4.

    I’m having lots of problems with Microsoft Edge. Chrome has problems too but not as bad – still infuriating though.

    Here are some of the problems so far:

    1. Edge: Images won’t center align. Always left-aligned unless I use a gallery.
    3. Edge: Text blocks are left-aligned when set to centre aligned.
    3. Edge: Columns do not work at all.
    4. Chrome: Columns work ok.
    3. Edge: Side-by-side and gallery images display full size one above the other.
    4. Chrome: Side-by-side and gallery images show side-by-side but with crop on, the images are shown different sizes even though they are both the same size. With crop off, they are the same size but one is drawn lower than the other.

    I have a test page that you can review here:

    https://www.staging1.jimmiedeesairguns.com/uncategorized/test-page-of-image-alignment/

    I am using Edge Version 87.0.664.75 (Official build) (64-bit) and Chrome Version 87.0.4280.141 (Official Build) (64-bit). Both latest.

    Thanks for your assistance,
    Jimmie

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @jimmiedee,

    It seems like the styles WordPress include to provide default styles for the Block Editor blocks (wp-includes/css/dist/block-library/style.min.css) aren’t being loaded on your staging site.

    As a comparison, the combined CSS on the Baskerville demo site includes 25 mentions of .wp-block-column, while the .siteground-optimizer-combined-css-93f8c085fa0ec27c673b33503585b6c4.css file on your site only includes one mention of it (the one in the Baskerville theme styles).

    I’d start by disabling the Siteground setting that combines all of your CSS files into a single file and see if that fixes it.

    — Anders

    • This reply was modified 3 years, 10 months ago by Anders Norén.
    Thread Starter jimmiedee

    (@jimmiedee)

    Hi Anders,

    Many thanks for your time and assistance.

    Your suggestion has helped in that the text block now shows centred and the text column block works. The images now all show the same on both Edge and Chrome. The centred image shows centred.

    However, the side-by-side images still have problems as described earlier. Using the Twenty-Twenty theme they display correctly, i.e. side by side, same size and aligned correctly.

    Thanks for your assistance,
    Jimmie

    Theme Author Anders Norén

    (@anlino)

    Hi @jimmiedee,

    Yeah, those are issues with the theme block styles. You can fix them on your specific site by going to Appearance → Customize → Additional CSS (the menu labels might be different in your language) where you add the code below:

    .post-content .blocks-gallery-grid {
    margin: 0;
}

.post-content .blocks-gallery-grid .blocks-gallery-item {
    margin-bottom: 1em;
}

    Let me know if that does it.

    — Anders

    • This reply was modified 3 years, 10 months ago by Anders Norén.
    Thread Starter jimmiedee

    (@jimmiedee)

    You are brilliant! Many thanks. That has fixed the problem. I have put off moving to Gutenburg for so long as it was missing many features that I was using. But now that custom sidebars are being removed or replaced with something else I have no choice.

    Now I can start the huge effort of migrating each post across to the new editor and fix the sidebar problems.

    Once again, many thanks, and many thanks for weekend support!
    Jimmie!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Lot’s of problems with Microsoft Edge’ is closed to new replies.