How to Make My Pictures Not Stretch in WordPress

104 6
    • 1). Click the "Appearance" > "Edit" link on the left side of the Dashboard. The problem with pictures stretching is usually found in the theme's CSS file, and clicking "Edit" always opens the Stylesheet.css file for editing.

    • 2). Look for a line that starts with "#content." If it is followed by a static width or height dimension, it could cause stretching for every image uploaded to your site. If, for instance, it says "#content {width: 600px;float: left;}" then it will stretch or pinch every image into a 600px width.

    • 3). Add the to "#content img.alignleft {padding: 5px; margin: 0 8px 2px 0; border: #000000 1px solid; display: inline; float: left;}" and delete the width tag from the original alignright and alignleft classes, so that it reads:

      .alignleft

      {

      float: left;

      }

      .alignright

      {

      float: right;

      }

    • 4). Click "Update" at the bottom of the window to save your edits.

Source...
Subscribe to our newsletter
Sign up here to get the latest news, updates and special offers delivered directly to your inbox.
You can unsubscribe at any time

Leave A Reply

Your email address will not be published.