Center alignment

  • Resolved Red Label Studio

    (@redlabelstudio)


    2 years, 11 months ago

    We built this page using the Gutenberg editor, and all of the elements should be center aligned as they show when we view the page directly.

    However, upon registering the 404 page in the plugin settings, all of the elements on the page become left aligned.

    Is there a setting or something that we are missing to have this display as center aligned?

    Thank you!

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Contributor Peter Raschendorfer

    (@petersplugins)

    Seems to be a browser issue. I see everything centered (yes, I’ve tested it as 404 and not via the direct link to the page). I’ve tested it in Chrome, Firefox and Edge.

    Pleas check with another browser. Keep me informed.

    Regards,
    Peter

    Thread Starter Red Label Studio

    (@redlabelstudio)

    Hi Peter!

    Thanks so much for checking into this for me. Are you on Windows? Not sure if that would make the difference, as I am on Mac and have tested on Safari and Edge with the same results of it being left justified. I also tested on my Windows 10 machine in Chrome and Edge which also produces the same left justified result.

    If you visit the 404 page directly, https://pierogerie.ca/404, it shows correctly with the center justification.

    Do you have any other ideas that I might be able to try?

    Thanks much for the help!!

    Plugin Contributor Peter Raschendorfer

    (@petersplugins)

    I’m sorry, I have no idea. For me it looks exactly the same when I open the page directly or when using a non-existent URL. I’ve tested it on Windows and Android. Please send me two screenshots. Use a free image sharing service like imgbb.com and post the links here.

    Regards,
    Peter

    Thread Starter Red Label Studio

    (@redlabelstudio)

    Thanks for offering to take a second look, Peter. Very much appreciated!

    I’m attaching a single image because the page content now seems to be left justified whether I view it directly or through a non-existent URL.

    https://ibb.co/dgP44Yp

    I’ve tested this on Mac and Windows, and using various browsers (Safari, Edge, and Chrome), all result in the same left justified display.

    Any other ideas? We are using a pre-built theme purchased from ThemeForest, could there be a CSS issue of some kind?

    Are you seeing the content of the page as center justified or left justified (like in the screenshot above)?

    Plugin Contributor Peter Raschendorfer

    (@petersplugins)

    OK, now I see that I misunderstood you. I meant the text – which is centered. You meant the whole block that doesn’t take up the entire page width.

    The problem is that your theme contains an additional CSS for the 404 error page. You have to overwrite that CSS code to get the desired formatting.

    You can do this in Appearance – Customize – Additional CSS. The following code should do the trick:

    .error404 .page-content {
  display: block !important;
  max-width: none !important;
}
    Thread Starter Red Label Studio

    (@redlabelstudio)

    Thank you, Peter! That did the trick!

    Very much appreciate the help (which to us is nothing short of wizardry)!

    Plugin Contributor Peter Raschendorfer

    (@petersplugins)

    I’m glad it works. Please do me a favor and leave a review.

    Regards,
    Peter

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Center alignment’ is closed to new replies.

Tags