How do I make my images resize correctly in the Contemporary Theme?

The new contemporary theme is what's referred to as "responsive". This means that it automatically sizes and organizes content in a way that looks great no matter what kind of screen you're viewing it on whether a phone, tablet, or PC.

 

To make your images responsive:

  1. Insert an image into the page you are editing.
  2. Right-click the image and choose "Edit".
  3. Click the Advanced Settings tab.
  4. In the Advanced Image Settings section, look for the CSS Class field and enter a space then "img-responsive" (minus quotes).

Here is an example:

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Contact Us