Adjusting top margin in checkout

  • Resolved jennifersharman

    (@jennifersharman)


    3 years, 11 months ago

    Hello,
    I’m looking for some help with our Woocommerce checkout page. The title ‘checkout’ is on top of the primary menu and looks messy. I have searched, but can’t for the life of me find out how to increase the margin on the checkout page. All other pages are fine.
    I presume I’ll need some additional CSS, is anyone able to help me out with that?
    Any assistance would be greatly appreciaed!
    Regards,
    Jen

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Gabriel – a11n

    (@gabrielfuentes)

    Hi there ??

    This can be fixed with some custom CSS. Under Customize > Additional CSS, you can add the following code:
    ?

    /* Increase top margin for the checkout section */
.page-id-98 #post-98 {
    margin-top: 10% !important;
}?

    https://www.screencast.com/t/rBCfleBW
    ?
    If you’d like to learn more about CSS, I highly recommend using the free tutorials at w3schools. Here, you can find the basics of selectors (how to target the right element on the page), and properties (how to change the element on the page).

    I hope that helps! ??

    Plugin Support abwaita a11n

    (@abwaita)

    Hi @jennifersharman,

    We’ve not heard back from you in a while, so I’m marking this thread as resolved. Hopefully, the above info and CSS code were useful.

    If you have further questions, please feel free to create a new thread.

    Thanks.

    Thread Starter jennifersharman

    (@jennifersharman)

    @abwaita My apologies for the delay in responding, I must have missed the notification from the first reply…

    Thank you so much for the advice @gabrielfuentes , this is brilliant! And I’ll definitely check out those tutorials, I’d love to learn more about CSS ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Adjusting top margin in checkout’ is closed to new replies.

Tags