Support » Plugin: WooCommerce » center align checkout content

  • Resolved bapestars

    (@bapestars)


    here is an image

    basically i just want the “your order” content and the “place order” button to be under the “billing details” section and for them to be centered.

    i appreciate any help ☻

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Rynald0s.a11n

    (@rynald0s)

    Automattic Happiness Engineer

    Hi @bapestars

    You could try the following CSS code and add that to the “Additional CSS” section in your browser:

    .woocommerce-checkout form .col2-set {
    width: 100%;
    }
    
    .woocommerce-checkout form #order_review, .woocommerce-checkout form #order_review_heading {
    width: 100%;
    }

    Cheers!

    Thread Starter bapestars

    (@bapestars)

    @rynald0s thank you for your reply, i have inserted the code into my css but it hasn’t changed.

    and the code is a red-ish color in the code for some reason. i never noticed that.

    Plugin Support Mirko P.

    (@rainfallnixfig)

    Hi @bapestars,

    The CSS is actually working when we add it to the style editor as you can see here.


    Full size: https://ibb.co/cvwvdBv

    Can you make a full uncropped screenshot of the page where you’re adding the CSS?

    I recommend https://snipboard.io for easily sharing screenshots – please follow the instructions on that page, then paste the URL in this thread.

    Cheers.

    Thread Starter bapestars

    (@bapestars)

    @rainfallnixfig thank you for your help & tip about the screen shot.
    i realized i had a broken code or something consisting of a “/” & “*” for my custom cursor….i removed it and then the code worked.

    Plugin Support Leo a11n

    (@leoa11n)

    Hi @bapestars,

    Thank you for letting us know. It’s great that you got it working now.

    I’ll go ahead and mark this thread as resolved. If you have further questions, please feel free to create a new thread.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.