|
FastMail Forum All posts relating to FastMail.FM should go here: suggestions, comments, requests for help, complaints, technical issues etc. |
|
Thread Tools |
7 Jun 2011, 12:31 PM | #1 |
Junior Member
Join Date: Jun 2011
Posts: 3
|
Gallery CSS
Hi Folks,
Hopefully this is an easy question - can anyone offer a css to remove the thick white border around gallery images? I've tried img { border:none; } But doesn't seem to change anything. Thanks |
7 Jun 2011, 03:53 PM | #2 |
Master of the @
Join Date: Nov 2006
Location: Ghent, Belgium
Posts: 1,027
|
I am not sure where the CSS for photo galleries should be put (the gallery doesn't seem to import the tweaks.css file).
Anyway, setting the css border property will probably not work, as the border and shadow seems to be created by padding of different elements with appropriate colors. Replacing the .shadow img {padding:5px} in Firebug with .shadow img {padding:0px} does get rid of the white border though. |
7 Jun 2011, 04:33 PM | #3 |
Junior Member
Join Date: Jun 2011
Posts: 3
|
Thanks for your swift reply mate.
I tried changing the css as you suggested using img.shadow thus: img.shadow { padding: 0px; } But still no change. Looking at the HTML behind the page it seems to reference a shadow class as: <a class="shadow" href="?imagepage=Boat%20.jpg"> I'm putting the css file in the album directory as specified in the FM help pages and the page loads the css file as: <link rel="stylesheet" type="text/css" href="photogallery.css" /> <script type="text/javascript" src="http://www.fastmail.fm/photogallery/js/photogallery.js?20193"></script> Any clues? not sure how firebug works; I was just hand editing the css file using dreamweaver. Much thanks for your time. |
7 Jun 2011, 04:50 PM | #4 |
Junior Member
Join Date: Jun 2011
Posts: 3
|
Ah ah OK so it's obvious I'm stumbling through the CSS theory as we go
I noted in the FM source code it uses A rather than IMG so i changed the CSS thus: a.shadow { border: 0px; padding: 0px; } And works great on the main grid page but none of the others i.e all the single images still come up with big white border. |
7 Jun 2011, 06:43 PM | #5 |
Master of the @
Join Date: Nov 2006
Location: Ghent, Belgium
Posts: 1,027
|
Strange, when I put only my code (.shadow img {padding:0px}) in the photogallery.css file, both the grid and the single page have the white border removed from around the photos
|
8 Jun 2011, 01:16 PM | #6 |
Moderator
Join Date: Dec 2002
Location: USA
Posts: 8,687
|
|