Hello hive mind,
I am in desperate need of some HTML help. I am have almost no HTML experience, but have been teaching myself some basic hacks. I am so close to having our Return Template ready, but I am stuck on aligning our footer (which just consists of our signature) on the bottom right. Below is a screenshot of the rendered footer and below is what I used to achieve this (simply trial/error and google).
Any help would be greatly appreciated.
<p style= "font-size: 12px; font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif; vertical-align: top; text-align: right"> <br> Ithaca College Theatre Box Office <br> 953 Danby Road, Ithaca, NY 14850 <br> Dillingham Center <br> boxoffice@ithaca.edu </br> </p>
I'm assuming you are just putting this at the bottom of one of the templates. You can try your code wrapped in a table, something like this:
<table width="700"> <tr> <td> <p style= "font-size: 12px; font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif; vertical-align: top; text-align: right"> <br> Ithaca College Theatre Box Office <br> 953 Danby Road, Ithaca, NY 14850 <br> Dillingham Center <br> boxoffice@ithaca.edu </br> </p> </td> </tr></table>
I bet the main body of the template has a fixed width, or a maximum width applied to it. However, the footer does not, so the width will default to it's parent element, and if there is no parent element with a defined width, it will default to the width of the browser size. That's why your footer is all the way to the right- you have specified that it be aligned to the right, but the width isn't the same as the other content.I'd find how the width is defined for the body, and apply it to the footer. It might end up something like this:<p style= "width: 600px; font-size: 12px; font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif; vertical-align: top; text-align: right"><br>Ithaca College Theatre Box Office <br>953 Danby Road, Ithaca, NY 14850 <br>Dillingham Center <br>boxoffice@ithaca.edu </br></p>
Thank you, so helpful!
Thank you! This plus the suggestion above worked. I've noticed that the css styling doesn't show up for gmail, do you know why this occurs? Not the end of the world, just curious.
I'm more of a website guy than an email guy, so I don't know off the top of my head, but would be happy to take a look. Shoot me a test at cstuart@vafest.org and I'll look.
Thanks Chaz, will do!
Is anyone having troubles with using the Event Return HTML template for exchanged orders that are refunded? Because we do exchange orders in a new order, for refunds, we have to put the monies from the exchange order on account, and then apply the on account funds and use the "Refund Prior Payment" feature in the original order. The Event Return template ends up being very confusing for the patron. Any work-arounds?
Hi Michelle -
Jenny here from the Tessitura Support Team. I'm going to open a ticket for you so we can get some examples to look at and review. We'll be in touch!
Hi Michelle - we are looking at adapting the Event Return Receipt template and have a similar situation with exchange orders that you described. Were you able to find a solution? I'm trying to avoid reinventing the wheel!
Thanks!