html - Mailchimp different background colors for repeatable -


i'm having trouble figuring out how set mailchimp template repeatable table background colors can changed individually.

currently have this

....  /* @tab main event @section header @tip set background , text color main event */ .heading{   /*@editable*/background-color:#000000;   /*@editable*/color:#ffffff; }  ....  <table border="0" class="heading padding-20" mc:repeatable>   <tr>     <td align="left" valign="top" width="70%">       <img src="http://placehold.it/200x40" mc:edit="logo">     </td>     <td align="right" valign="top">       <a href="*|archive|*" class="view-in-browser" mc:editable>view in browser</a>     </td>   </tr> </table> 

as result can duplicate repeatable table in campaign editor. when change background color in design panel background colors of tables change, not want. understand logically changing background color in design panel (which linked css class .heading) affect elements having class .heading. can't find and/or figure out how solve problem.

what want can change background color of individual "duplicate" of table.

e.g.

  • table 1 (duplicate) has background-color blue
  • table 2 (duplicate) has background-color green
  • ...

is possible?

thanks patience reading , helping!

instead of targeting tables using

.heading {   background-color:#000000; } 

you can use nth-child element target specific tables according order in appear.

.heading:nth-child(1) {     background: orange; }  .heading:nth-child(2) {     background: red; } 

you can read more here.


Comments

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

python - How to create jsonb index using GIN on SQLAlchemy? -

c# - TransactionScope not rolling back although no complete() is called -