Need help modifying html table for new module

Hey LK,

It's hard to tell what's going on in the code b/c it looks like most things are using a variable. It might be helpful to try and get a "rendered version" of the code by opening the email in the editor and clicking the "preview" button to bring up the rendered view where the variables are translated into actual code (text/images/etc). You can grab that code in the web browser's inspector by finding the module in your email and right clicking on it then doing an "inspect element" (usually close to the bottom of the pop-up options menu). You should then be able to see similar code to what you posted here minus all the variables. It might be more helpful to get an exact solution if you were to copy/paste the exact same code from the rendered view into this post to take a little bit of the mystery out of it.

Here's a general idea of what I think you're gonna want to do to get this worked out:

1. Make it so that the USAA Perks logo (vertical version) aligns vertically with the Member Travel Privileges logo
>> This usually has to do with the "valign" (vertical-align) element that's set on the table/td which holds the image. It looks like most of your tables use valign="top" which is what pushes them up to the top of the cell. Changing this to valign="middle" should help align them to the middle of the cell instead. I also like to include an inline style for this --> style="vertical-align: middle;" to be sure, b/c email loves redundancies. There may be a few places to set this, I'd start with the td/table that's closest to your image (parent element) and change that one and then work your way up the document to the next parent element and set that to align middle if it's still not doing what you want. 

2. Make the logo larger (around 150 x 86)

>> It looks like you've got a few table cells (td) set with a specific width in the table and you'll need to recalculate the widths of each element so that they fit nicely into the 560px (total) module [600px minus 20px padding left and right = 560px].  Right now, it looks like the 1st image in the module is set to 70px in a few places. You'll want to find the "70px" and change that value to 150px (also don't forget to update the height [40px] to your new height [86px]). Initially this'll break the table b/c you're expanding one of the cells to 150px where it used to be 70px which basically means you'll need to take away 80px of space from the other cells in the module (the middle one w/ the horizontal logo and the far right one w/ the stacked text). In the end, all the cells in the module should total 560px to make sure it fits inside the module container nicely.

Let me know if you've got any questions or run into anything weird. If you're able to supply the rendered code (w/o variables) I might be able to help a bit more by loading up the code and having a play on my end.

Thanks,

Dave