Checkout Page Formating

  • Resolved birthma

    (@birthma)


    1 year, 6 months ago

    Hi there, on this page you will note there is a little grey box on the top right which goes around the right side of the screen. Does anyone know how to remove this as it looks subpar?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Panos (a11n)

    (@panagiotissynetos)

    Hey there – This issue you’re facing can be solved with the following CSS.

    body.woocommerce-checkout.site-content-boxed-container #view {
    background-color: #fff;
}

    I see that you’re using Elementor; it has a Global Custom CSS option where you can add the above snippet

    https://elementor.com/help/global-custom-css/

    I noticed that your checkout page is using white text, on white background, you might need to style this too, for a better experience for your customers.

    Have a good one

    Thread Starter birthma

    (@birthma)

    Thanks for that! Silly question but how do i make the white text black?

    Panos (a11n)

    (@panagiotissynetos)

    There should be some settings on your theme (Woostify) that set the various elements color to white. A CSS snippet won’t help you, and it won’t be sustainable in the long run.

    Since I’m not familiar with this theme, I recommend checking with Woostify’s support team to help you further.

    Thread Starter birthma

    (@birthma)

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Checkout Page Formating’ is closed to new replies.