Hey,
The image border on the Portfolio pages can be reduced or removed but there are quite a few steps to complete this. Before you start, bear in mind that the image size needs adjusting in functions.php and this requires all your existing images to be re-uploaded because WordPress resizes them when you upload them according to the sizes set.
To reduce the border size:
1.) Open up style.css and change:
#top .framed img { /* line 1534 */
padding: 6px;
}
reducing the 6px as appropriate (eg to 3px).
2.) Open up functions.php and find this code:
$k_option['custom']['imgSize']['M'] = array('width'=>192, 'height'=>130); // medium preview pic for portfolio with 4 columns
$k_option['custom']['imgSize']['M3'] = array('width'=>274, 'height'=>170); // medium preview pic for portfolio with 3 columns
$k_option['custom']['imgSize']['M2'] = array('width'=>436, 'height'=>230); // medium preview pic for portfolio with 2 columns
$k_option['custom']['imgSize']['L'] = array('width'=>574, 'height'=>268); // image for blog posts and 1 column portfolio
Depending on which portfolio layout you chose, you need to adjust one (or more) of the width and height values. For whatever value you reduced the padding by in step 1, add double the value to the width. eg If you reduce 6px to 3px in step 1, you need to change width 192 (for 4 columns) to width 198 and height from 130 to 136.
3.) Re-upload the images for your Portfolio entries - if you don't the images will appear stretched.
To remove the image border completely, including the background image:
1.) Open up style.css and change:
#top .framed img { /* line 1534 */
padding: 6px;
}
to
#top .framed img { /* line 1534 */
padding: 0;
}
2.) Open up /css/style1.css (or whichever style you chose), find and delete this code:
.framed span {
background:url("../images/skin1/bg_gradiant_image.png") repeat-x scroll left bottom #FFFFFF;
border:1px solid #E1E1E1;
}
and:
.framed_one_third {
background:url("../images/skin1/framed_one_third.png") repeat-x scroll center bottom #FFFFFF;
}
3.) Open up functions.php and adjust the images' height and width to be 12px larger than the default.
4.) Re-upload your images, if you don't they will appear stretched.
Let me know if you get stuck or need clarification on anything.
James