How can I change text wrapping settings for download links?

[CreativeMind202]

I have added a new row in customer order page, as shown in the image, there are two links "Download Printable PDF", and "Download Digital Invitation"

I want the "Download Digital Invitation" to be unwrapped, how to do so?

[NomtechSolution]

To make the "Download Digital Invitation" link unwrapped and display on a separate line in the customer order page, you can modify the HTML structure of the row element. Here's how you can achieve this:

1. Locate the code that generates the row containing the two download links in the customer order page. It might look something like this:

<div class="order-row">
  <div class="download-links">
    <a href="#" class="printable-pdf">Download Printable PDF</a>
    <a href="#" class="digital-invitation">Download Digital Invitation</a>
  </div>
</div>
​

1. To unwrap the "Download Digital Invitation" link, you can add a line break (<br>) after the first link. Update the code as follows:

<div class="order-row">
  <div class="download-links">
    <a href="#" class="printable-pdf">Download Printable PDF</a><br>
    <a href="#" class="digital-invitation">Download Digital Invitation</a>
  </div>
</div>
​

[CreativeMind202]

Unfortunately, it didn't work.