Padding above order details

  • Resolved adcapaust

    (@adcapaust)


    11 months ago

    Hey Kadence Team,

    Your plugin works great, I’m just having difficulty making one required change. When a customer receives an order confirmation email, there is no padding between the payment instructions and order details heading. See the space highlight in red here: https://imgur.com/a/czfhMeu

    Is there a setting I’m overlooking to increase the space between this area? Or is there custom css required to achive this?

    Thanks

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Gilbert Hernandez

    (@ghernkadence)

    Hello @adcapaust,

    There aren’t settings to increase the space there. I wouldn’t recommend CSS for the “Order #” heading, because it doesn’t have an ID. However, you can add HTML to the body text you add to the email. For example, add the following HTML at the end of the text.

    <div id="spacer"></div>

    The HTML adds a div with the id “spacer” that lets us add custom CSS. In the custom styles, add the following CSS.

    #spacer {height: 50px;}

    Using this method, you can add more space to separate the text from the order number heading.

    Thread Starter adcapaust

    (@adcapaust)

    That’s done it. Thanks heaps Gilbert.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Padding above order details’ is closed to new replies.