View Single Post
  #18 (permalink)  
Old 01-18-2009, 02:44 PM
jake123 jake123 is offline
Junior Babbler
 
Join Date: Jan 2009
Posts: 8
jake123 has a few positive reputation points
Default Code for image positioning (found code wrapper)

Themes designed before wordpress 2.5 might not handle the image position (none left center right) option added to the newer wordpress version To get images to appear as they preview i the edit widow paste the following code into the stylesheet found at themes/edit/styles.php


***** Patches for image positioning updating theme for 2.5+ *****/

Code:
img.alignleft {
float: left;
margin: 5px 10px 0 0;
}

img.alignright {
float: right;
margin: 5px 0 0 10px;
}

img.centered, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}


/***** Tacked on to add image border  (copied from Business Blogging 101 theme) *****/

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
Reply With Quote