center align checkout content

  • Resolved bapestars

    (@bapestars)


    3 years, 9 months ago

    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)
  • Rynald0s

    (@rynald0s)

    Automattic Happiness Engineer

    3 years, 9 months ago

    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)

    3 years, 9 months ago

    @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.

    Mirko P.

    (@rainfallnixfig)

    3 years, 9 months ago

    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)

    3 years, 9 months ago

    @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)

    3 years, 9 months ago

    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)

The topic ‘center align checkout content’ is closed to new replies.