How to modify Gartz Classic styles

[tomhilton]

hey guys, really nice template

i'm trying to make a few minor changes to the template but don't seem to be getting anywhere - i'm new to this, and haven't worked with css before - apologies!

i thought i might be able to adjust the margins, padding and borders by making changes in template.css and zipping it back up - am i wrong? is there something else i should be doing?

i was trying to remove the borders and reduce the gaps between thumbnails, but maybe i should just leave it to the pro's...!

cheers

tom

[Admiror Joomla! Sponsor]

[Vasiljevski]

I'm not an expert for CSS and design in general, but changing template.css should do the trick

But you have to be aware that some basic CSS styles are taken from the main AdmirorGallery.css file, and you should overide these to.
Also there is pagination.css and albums.css that should be changed in case you want to change the way albums and pagination is displayed.

So take a look at AdmirorGallery.css (located in "[joomplaroot]plugins/content/AdmirorGallery/") and add an override in template.css for the style you want to change.
Keep in mind that classic gallery template is based on TABLE element.

[tomhilton]

Thanks very much Vasiljevski - I've almost got it how I want it now - my intention was to lose all borders, padding & margins, and just have a solid block of thumbnails.

As you can see I still have a tiny gap between the thumbnails, which seems to be something to do with the tiny white dash that appears at the bottom right of a thumbnail when i hover over it:

http://www.tomhilton.net/people.html

Any idea whats going on here? Any suggestions on how to get rid of it?

Thanks again,

Tom

[kekeljevic]

Edit:
http://www.tomhilton.net/plugins/conten ... mplate.css

Add this code:

Code: Select all

.ag_thumbgartz-classic, .ag_thumbgartz-classic a
{
    display:inline-block;
}

[tomhilton]

excellent, thanks so much for the help guys.

one final question - is there a way to fix the width of the block of thumbnails (to stop images jumping around & rearranging to fit the browser window)? to get, say, a 5x5 block of thumbnails at all times. i thought adjusting 'frame_width' might do the trick but it doesn't seem to make any difference.

thanks again,

tom

[Admiror Joomla! Sponsor]

[kekeljevic]

Try something like this:

Code: Select all

$itemCount=count($AG->images);
$itemsPerRow=3;
$numOfRows=ceil($itemCount/$itemsPerRow);
for($a=0; $a<$numOfRows; $a++){
    for($b=$itemsPerRow*$a; $b<$itemsPerRow*($a+1); $b++){
        if(!empty($AG->images[$b])){
            echo $AG->images[$b]." | ";
        }
    }
    echo '<div style="display:block; clear:both">&nbsp;</div>';
}