Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #164808

    Hi, i would like to reorder a little on the checkout page, and hopefully just do this in the custom CSS area. How to do the following?

    1/ Change between the two buttons “Continue to checkout” (Currently on the left) to “Update Cart” (currently on the right). Heading over to payment is more intuitive if its far to the right.

    2/ Change the “Continue to checkout” button color to a nice green. so the costumer understands this is the next step.

    Thanks for the help!
    All the best


    Hey gautekristiansen!

    Can you post the link to your website?




    Link to the page:

    Have to add a product to the cart to see what I mean.

    All the best



    I think you are talking about the Cart Page. You can add this on your custom.css or Quick CSS:

    .shop_table.cart .actions > input.button {
    position: absolute;
    right: 200px;
    .shop_table.cart .checkout-button.button.alt {
    position: absolute;
    right: 10px !important;
    background: green !important;
    background-image: none !important;
    color: white !important;
    text-shadow: none !important;

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Changes to the checkout page.’ is closed to new replies.