Okay
  Public Ticket #3410618
Styling Checkout page
Closed

Comments

  •  16
    Soluforyou started the conversation
    July 10, 2023 at 12:45pm

    Hi there. Is there a way to style the black square with 'Have a coupon? Click here to enter your code'?

    (this page: https://soluforyou.com/checkout/)

    - the text's left padding should be higher
    - it would be nicer if the black rectangle has a rounded shape

    See before (browser) /after (photoshop)

  •  354
    Pat replied
    July 10, 2023 at 12:51pm

    Hi there,

    Try the following CSS:

    body.woocommerce-checkout div.woocommerce div.woocommerce-form-coupon-toggle div.woocommerce-info{
    padding-left:2em;
    border-radius:10px;
}

    add it to salient \ general settings - css script related - custom css code.

    Cheers

    Salient Theme Support

  •  16
    Soluforyou replied
    July 10, 2023 at 1:50pm

    That's great, thanks!