How do I create inline-block campaign content using Adobe Target

Question

Test & Target code generates divs with style attributes that include display:block. How do I replace this with inline-block?

Answer 1

Use the !important declaration in the style sheet to override the mbox div, the generated div and descendants of the container ID:

div[style*='block'], #foo > div[style*='block'] 
  { 
  display: inline-block !important;
  vertical-align: top;
  }

div.mboxDefault 
  {
  display: inline-block !important; visibility: visible; }
  }

Append the following query string to the URL parameters to toggle the mboxes:

• ?mboxDisable=1 (mbox Off)
• ?mboxDebug=1 (mbox On)

Use mousemove if you need to bind events to the mboxes instead of the load or ready events.

References

• Multivariate Testing Buyer's Guide

• mbox.js Changelog

• Adobe Target Product Documentation