You can customize the tabs under Properties/Custom/Tab Headers.

_____________________________________________________________________________________

An image of two Stout students on laptops with a width of 130px. An image of two Stout students on laptops with a width of 330px.
  • Change the layout to horizontal or vertical alignment, and left, right or center adjusted. 
  • Click IMAGES to edit your inserted images.

This is the max size for two images in an Image Grid for a 20-80-Tabbed layout. 

  • Click on the YELLOW PLUS button and click LAYOUT to change layout alignments of your images.

settings for image grid commonspot

______________________________________________________________________________________

An image of two Stout students on laptops with a width of 326px.
An image of two Stout students on laptops with a width of 326px.

 

  • Click on the third YELLOW PLUS button for SINGLE IMAGE and click LAYOUT to change the layout properties for a textbox which include a header, link header, or no header. 
    settings for single images for commonspot
  • Click IMAGES to edit your inserted images. 
  • Click on CAPTION to add one.

 

This is the max size for two images in a Two Column Element Bin for a 20-80-Tabbed layout. 

  • There should now be three small yellow icons. 
  • Click on the first YELLOW PLUS button for Two Column Bin and click DATA to change column proportions. 
    settings for two column element bin commonspot
_____________________________________________________________________________________

An image of two Stout students on laptops with a width of 219px. An image of two Stout students on laptops with a width of 219px. An image of two Stout students on laptops with a width of 219px.

This is the max size for three images for a 20-80-Tabbed layout.

______________________________________________________________________________________
An image of two Stout students on laptops with a width of 163px. An image of two Stout students on laptops with a width of 163px. An image of two Stout students on laptops with a width of 163px. An image of two Stout students on laptops with a width of 163px.

This is the max size for four images for a 20-80-Tabbed layout.

______________________________________________________________________________________
An image of two Stout students on laptops with a width of 331px.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elit velit, porttitor a libero a, facilisis cursus eros. In id mauris vitae diam lobortis ultrices in at erat. Mauris pulvinar interdum nisl lobortis bibendum. Vivamus sed magna ac magna lobortis varius. Quisque cursus eros lacus, aliquet mattis lacus ornare convallis. Proin rutrum gravida ante eu dictum. Suspendisse turpis nulla, imperdiet at convallis fringilla, tincidunt ac leo. Vestibulum eleifend laoreet aliquam. Etiam convallis urna vitae ipsum imperdiet, ut blandit magna sollicitudin. In ac nibh pellentesque, consequat metus ac, feugiat mauris. Suspendisse vitae mi nec arcu faucibus sagittis et eget nibh. Maecenas consequat tincidunt odio, non euismod dui fringilla ac. Sed et vehicula odio. Donec eget lectus sed ipsum sollicitudin auctor. Integer convallis lectus non ipsum dictum, et bibendum odio semper. Aenean quis lobortis enim, vel porttitor lacus. Etiam malesuada arcu in eros luctus lacinia. Sed sagittis sodales eros ac mattis. Proin dignissim quis arcu ac posuere. Donec pellentesque mi eget neque pharetra, ac tempus nisi accumsan. Phasellus in enim quam. Curabitur eu urna vehicula ipsum fringilla dictum. Quisque at risus at felis tempor facilisis. Praesent libero nisi, hendrerit vel sem sed, tincidunt dignissim nibh. Sed dictum gravida dapibus. In hac habitasse platea dictumst. ulla euismod blandit diam at auctor. Cum sociis natoque penatibus et magnis dis parturient montes, 

  • You can also edit the border(padding) width to determine how close or far you want the text to be to the image. 
settings padding commonspot
  • Using 6px to add space and -6px to decrease space is a good start.

This is an example of what a paragraph of text looks like with a 20-80-Tabbed layout.  CommonSpot makes it so that the size of an image alters how close the text gets to the image itself.

settings for text wrap commonspot

  • Click IMAGES to edit your inserted images. 
______________________________________________________________________________________

Integer pellentesque et nibh eu gravida. Quisque eu ornare elit, vel ornare augue. Maecenas feugiat libero dolor, eu ultricies eros varius sed. Suspendisse dapibus nisl vulputate sem ornare bibendum. Sed commodo blandit nunc ut molestie. Suspendisse non dui lobortis, pulvinar nisi id, dictum velit. Integer at imperdiet metus. Nullam convallis tempor posuere. Pellentesque dui felis, lobortis vel nunc eget, egestas mattis tortor. 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pharetra neque ac velit bibendum, et ullamcorper erat lacinia. Fusce sit amet laoreet purus. Vivamus ac congue felis. Curabitur rutrum consectetur libero at porttitor. Mauris venenatis porttitor imperdiet. Morbi quis orci fringilla, porta dui vel, interdum turpis. Aliquam consequat nibh metus, ut rhoncus ante sollicitudin at. Suspendisse luctus ligula pulvinar, sagittis nulla ac, condimentum felis.


  • Click on the YELLOW PLUS button and click DATA to change column proportions and/or your text. 

 

This is what two columns of side-by-side text look like with equal proportions of 50% with a 20-80-Tabbed layout.