1 Reply Latest reply on Apr 26, 2012 9:18 PM by mario_gudelj

    Web form autoresponder CSS styling

    The Bowery

      Hi all,


      I am currently trying to style the html of a notification email sent by the autoresponder when a user submits a web form. I am able style most elements using CSS but cannot find the correct ID for credit card information i.e. CardName, CardType, CardNumber etc.

      I am able to style other elements of the form by targeting the ID associated to that form element, like so:


                  #CAT_Custom_245448 strong {



                  #CAT_Custom_245448 {



                  #Name strong {



                  #Name {




      Where "#Name strong" targets the title of the field, this works because BC outputs the "strong" tag systematically and "#Name" targets the body of the field. The "#CAT_Custom_245448" fields are my custom form fields in which I created in the web form builder.


      This styling works a treat and gives me complete control over the fields, however I am not too sure what the ID is for the credit card details, I would assume they would be the same as the above, being: #CardType, #CardName, #CardNumber, etc. but this does not work.


      Has anybody been able to execute this styling before? If not, could a BC staff member please inform us of the correct ID's to target? I'm surprised there is nothing on the knowledge base for this as it should be so very simple, but unfortunately there are no tools for viewing elements of an Email like the very useful Firebug for Firefox, or is there?



        • 1. Re: Web form autoresponder CSS styling
          mario_gudelj Most Valuable Participant

          Hey there,


          If you look at the HTML code in your Email client you will find the following:


          <td id="paymentcc">
                    <table class="tabledefault">
                                        <td><strong>Name on Card</strong><br>Mario Gudelj</td>
                                        <td><strong>Card Number</strong><br>***************1111</td>
                              <td><strong>Card Expiry</strong><br>1/2010</td></tr><tr><td><strong>Card Type</strong>
                              </tr><tr><td><strong>Invoice Number</strong><br>1149</td></tr>
          <td id="customfields">
                    <table class="tabledefault"></table>

          As you can see, the payment info is rendered in it's own table. Those are the ID's you need to use.