Controlling the width of the border...

[acain]

Hi, I'm running 1.6 on simple style and was wondering if you could help me control the width of the white border, I'd like to remove it actually.

Thanks,
Anthony

[Dkozikowski]

Open your image_template.html file and find:


<img src="images/<IMAGE_NAME>" alt="<IMAGE_TITLE>" title="<IMAGE_TITLE>" width="<IMAGE_WIDTH>" height="<IMAGE_HEIGHT>" id="photo" />


Remove id="photo" from the above line and save.

[acain]

Ok thank you, but on the browse page which feature the white border I don't see the id=photo on that page ? Is there anything that can be done about this ?


Anthony

[dakwegmo]

Are you referring to the thick border around the thumbnails or the thin border around the central box?

All of that is controlled from this part of your dark.css style sheet:


/* .............................. */
/* Browse */
/* .............................. */

#page {
background:#515151;
border:1px solid #aaa;
padding:20px;
text-align:left;
width:65%;
margin:0px auto;
margin-bottom:25px;
line-height:16px;
}

#page a {
font-weight:bold;
}

#page img {
background:#fff;
padding:5px;
border:1px solid #333;
}

.column{
width:50%;
text-align:left;
vertical-align:top;
}

.thumbnails {
border:1px solid #515151;
padding:3px;
margin:3px;
}


The border around the thumbnails is using the #page img selector. Change the 5px to whatever you want 0px, 1px, 2px, etc. The thin border around the central box is using the #page selector. Again change the border from 1px to whatever you want it to be.

[acain]

Alright!! wonderful thank you guys so much for this help :)

Warning adult material inside !!! 18+

ok I just have one more question, on my About page I use a stumble it icon.
In the "Links and Community sites:" section that icon is shown with a white background around the icon...

But at the bottom of the page, above the copyright/credits I use the same icon html code but this time it's represented without the white background as I think it should be.

Does anymore know why this might be ?

Thanks so much in advance...

Anthony

[dakwegmo]

The stumble upon icon is a gif with a transparent background and was probably saved with a white matte. With your background the corners are transparent allowing your dark gray to show through. The slight white line around the colored part of the icon are from the matte. If you want the icon to appear on a white square background, you can set the background color with css.

just add style="background-color: #fff;" as an attribute to the image tag. You can also add the background-color to your style sheet as a new class, then assign the class to the image tag. Either way will work.