May 24

Formatting Images

Rainbow ButterfliesIn the new CampusPress environment, several of the previously available image formatting tools –like border and padding– are now part of a plug-in. If you don’t have time to become familiar with a new plugin for your first post in the new CampusPress environment, here is how to add border and padding the manual way.

  • Add Media and select your image
  • Select the aligment (left, right, center, etc.)
  • Insert the image into the post.
  • Go to the Text* version of your content and look for the img class code for that image. img class code  is found between greater than/less than symbols (<>) and looks something like this: img class=”alignleft wp-image-300 size-medium” style=”padding: 15px;” src=”https://about.blogs.rice.edu/files/2015/05/Butterflies-44552314-small-200×300.jpg” alt=”Rainbow Butterflies” width=”200″ height=”300″ border=”1″ /
  • If your image does not have the phrase about padding or the border, just copy it from the code below and paste into your img class code.
    • border =”1″ (bigger numbers mean thicker borders)
    • style=”padding: 15px;”  OR you can specify more padding than one side or the other
    • style=”padding-left: 15px; padding-right: 5px;” (bigger numbers mean more white space around your image)

*Text: If you usually compose your content in the Visual mode, look for the tab labeled “Text” to see the HTML code.

ImgFormat


Posted May 24, 2015 by Carlyn Chatfield in category Get Started

About the Author

25+ years in higher education, focusing on business analysis, marketing & communications.