Checkout page CSS

  • Resolved great2be

    (@great2be)


    7 years, 1 month ago

    Hello!

    I have hard time editing Woocommerce Checkout page with CSS code.

    I would like to change following:
    1. First name, Last name labels above the input window should be hidden and label text shown in the input window itself

    2. Order review table: I would like that Shipping mode and Amounts are in separate row.

    Screenshot from a page I would like to modify.

    Screenshot from a page I am setting aa goal.

    Thank you!

    • This topic was modified 7 years, 1 month ago by great2be.

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

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

    (@etiennep)

    7 years, 1 month ago

    Hi there!

    To hide the labels can be easily done with CSS, but to add the placeholders in the input fields, you would need to edit the template files of your theme.

    You have two options here, reach out to the support of your theme for help with this or use a plugin like Checkout Field Editor that will allow you to add the placeholder text.

    For the Shipping label, I understand you would like to place it above the shipping options, correct?

    If yes, the support of your theme would be able to help you with that.

    Thread Starter great2be

    (@great2be)

    7 years, 1 month ago

    Thank you very much for your answers. I’ve manage to solve first part with php.
    For the second part I am going to contact theme support.

    Plugin Support EtienneP a11n

    (@etiennep)

    7 years, 1 month ago

    Thank you for letting me know!

    I’m going to mark this as resolved now – if you have any further questions, feel free to start a new thread.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Checkout page CSS’ is closed to new replies.