Customizing Checkout, Payment & Cart pages

I need to have a header in those pages (and customize some things in the designated shop page too). is there any way to do that without editing the woocommerce templates?


maybe in the Theme options or adding php snippets?

Comments

  • There is 3-step guide for checkout that rest behind my header. I Just need to "push" it below

  • Hi,

    There is no option to customize checkout, payment, and cart pages. They are created automatically.

    However, moving the steps down can be done by writing a custom CSS code. I can help you with writing it, but I will need a link to your website.


    Thanks

  • granhotelnagari.com


    I need to customize the header for those pages. it is behind the menu and logo. need to have it in color #31404f and the "shop process" it features in the header to move 200 px down

  • Please, use the following CSS code:

    @media only screen and (min-width: 768px){
        .mfn-cart-step{
       padding-top: 200px!important;
       background-color: #31404f!important;
      }
    }
    @media only screen and (max-width: 767px){
        .mfn-cart-step{
       padding-top: 100px!important;
       background-color: #31404f!important;
      }
    }
    

    Moreover, please, go to Betheme -> Theme options -> Global -> Advanced, and Hide the Content top padding.

    It will eliminate the white space that appears above.

    Thanks

  • Works great. thanks!

Sign In or Register to comment.