Bigger Cat thumbs

[rubbersoul]

As you can see from the image.....the thumbnails within my 'Random images' at the bottom are bigger than the thumbnails of my 3 categorys on top. How can I change the size of the thumbnails on top...I need to make them bigger. Thanks.

[artistsinhawaii]

rubbersoul

What theme are you using?  Looks like the theme itself has modified table/column/row parameters that display your thumbs as squares.  Have you tried switching themes to see if there's a difference between the thumbnail sizes in themes?

Dennis

[rubbersoul]

I'm not going to even dare try and switch themes....this one is totally customized. Just tell me how you would do it for the classic theme and I will try and apply it here.

[artistsinhawaii]

I'm not going to even dare try and switch themes....this one is totally customized. Just tell me how you would do it for the classic theme and I will try and apply it here.

I'm not asking you to switch permanently, just to temporarily by typing something like:  http://www.mydomain.com/cpginstall/index.php?theme=classic

Just wanted you to confirm that the thumbs and the random pics show up as the same size. That just one was modified and not both.  I'd think that would help prevent headaches down the road as you try to modify your display needs.


Ah well,  in your theme.php, search for <!-- BEGIN catrow -->  check the TD/TR settings for {CAT_THUMB}. 

Dennis

[rubbersoul]

It has been modified so much that other styles don't work with it......I did a search in themes and the only catrow entry I have is here:

Code Select Expand

// HTML template for the category list
$template_cat_list = <<<EOT
<!-- BEGIN header -->
        <tr>
                <td class="tableh1" width="30%"><span class="catlink"><b><a href="index.php?cat=9">People</a></b></span><p><img src="/albums/userpics/thumb_people.jpg" width="75" height="61"></p></td>
<td class="tableh1" width="30%"><span class="catlink"><b><a href="index.php?cat=10">Places</a></b></span><p><img src="/albums/userpics/thumb_places.jpg" width="75" height="61"></p></td>
<td class="tableh1" width="30%"><span class="catlink"><b><a href="index.php?cat=11">Things</a></b></span><p><img src="/albums/userpics/thumb_things.jpg" width="75" height="61"></p></td>
        </tr>
<!-- END header -->
<!-- BEGIN catrow_noalb -->             
<!-- END catrow_noalb -->
<!-- BEGIN catrow -->
<!-- END catrow -->
<!-- BEGIN footer -->
<!-- END footer -->
<!-- BEGIN spacer -->
        <img src="images/spacer.gif" width="1" height="17" alt="" /><br />
<!-- END spacer -->
EOT;
// HTML template for the breadcrumb

[artistsinhawaii]

<tr>
                <td class="tableh1" width="30%"><span class="catlink"><b><a href="index.php?cat=9">People</a></b></span><p><img src="/albums/userpics/thumb_people.jpg" width="75" height="61"></p></td>
<td class="tableh1" width="30%"><span class="catlink"><b><a href="index.php?cat=10">Places</a></b></span><p><img src="/albums/userpics/thumb_places.jpg" width="75" height="61"></p></td>
<td class="tableh1" width="30%"><span class="catlink"><b><a href="index.php?cat=11">Things</a></b></span><p><img src="/albums/userpics/thumb_things.jpg" width="75" height="61"></p></td>
        </tr>

change the width and height parameters to suit your needs.   

Dennis

[rubbersoul]

Works great....but another problem popped up. Now the 'Categorys' on the 1st page are fine....but say I click on the 'people' link you see in the above pic......when it goes into the sub-menu were there is 3 more categorys....those ones appear really, really smaill. ?

[artistsinhawaii]

Phew. Looks like you hardcoded the file names into your theme.

If your subcats follow the same technique, you should be able to right click on those really, really small thumbnails and select "properties" and retrieve the name of the thumbnail file you need to search for.

Search for the name in your theme.php.  Adjust width and height accordingly.

Dennis

[rubbersoul]

I wish you were right on that one....but unfortunately there not 'hard coded' as I did a search on the whole site for the image name and nothing came up. There must be another parameter I'm missing somewhere.....I will post some of my theme code....

Code Select Expand


<?php
define('THEME_HAS_RATING_GRAPHICS', 1);
// HTML template for main menu
$template_main_menu1 = <<<EOT
                <span class="topmenu">
                        <table border="0" cellpadding="0" cellspacing="0">
                                <tr>
<!-- BEGIN my_gallery -->
                                        <td><img name="spacer" src="images/spacer.gif" width="5" height="25" border="0" id="spacer" alt="" /></td>
                                        <td><img name="buttonleftmy" src="themes/classic/images/buttonleftmy.gif" width="17" height="25" border="0" id="buttonleftmy" alt="" /></td>
                                        <td>
                                                <a href="{MY_GAL_TGT}" title="{MY_GAL_TITLE}">{MY_GAL_LNK}</a>
                                        </td>
                                        <td></td>
<!-- END my_gallery -->
<!-- BEGIN allow_memberlist -->
                                        <td><img name="spacer" src="images/spacer.gif" width="5" height="25" border="0" id="spacer" alt="" /></td>
                                        <td><img name="buttonleft" src="themes/classic/images/buttonleftmemb.gif" width="17" height="25" border="0" id="buttonleft" alt="" /></td>
                                        <td>
                                                <a href="{MEMBERLIST_TGT}" title="{MEMBERLIST_TITLE}">{MEMBERLIST_LNK}</a>
                                        </td>
                                        <td></td>
<!-- END allow_memberlist -->
<!-- BEGIN my_profile -->
                                        <td><img name="spacer" src="images/spacer.gif" width="5" height="25" border="0" id="spacer" alt="" /></td>
                                        <td></td>
                                        <td>
                                        </td>
                                        <td></td>
<!-- END my_profile -->
<!-- BEGIN faq -->
                                        <td><img name="spacer" src="images/spacer.gif" width="5" height="25" border="0" id="spacer" alt="" /></td>
                                        <td><img name="buttonleft" src="themes/classic/images/buttonleft.gif" width="17" height="25" border="0" id="buttonleft" alt="" /></td>
                                        <td>
                        <a href="{FAQ_TGT}" title="{FAQ_TITLE}">{FAQ_LNK}</a>
                                        </td>
                                        <td></td>
<!-- END faq -->
<!-- BEGIN enter_admin_mode -->
                                        <td><img name="spacer" src="images/spacer.gif" width="5" height="25" border="0" id="spacer" alt="" /></td>
                                        <td><img name="buttonleftad" src="themes/classic/images/buttonleftad.gif" width="17" height="25" border="0" id="buttonleftad" alt="" /></td>
                                        <td>
                                                <a href="{ADM_MODE_TGT}" title="{ADM_MODE_TITLE}">{ADM_MODE_LNK}</a>
                                        </td>
                                        <td></td>
<!-- END enter_admin_mode -->
<!-- BEGIN leave_admin_mode -->
                                        <td><img name="spacer" src="images/spacer.gif" width="5" height="25" border="0" id="spacer" alt="" /></td>
                                        <td><img name="buttonleftad" src="themes/classic/images/buttonleftad.gif" width="17" height="25" border="0" id="buttonleftad" alt="" /></td>
                                        <td>
                                                <a href="{USR_MODE_TGT}" title="{USR_MODE_TITLE}">{USR_MODE_LNK}</a>
                                        </td>
                                        <td></td>
<!-- END leave_admin_mode -->
<!-- BEGIN upload_pic -->
                                        <td><img name="spacer" src="images/spacer.gif" width="5" height="25" border="0" id="spacer" alt="" /></td>
                                        <td><img name="buttonleftup" src="themes/classic/images/buttonleftup.gif" width="17" height="25" border="0" id="buttonleftup" alt="" /></td>
                                        <td>
                                                <a href="{UPL_PIC_TGT}" title="{UPL_PIC_TITLE}">{UPL_PIC_LNK}</a>
                                        </td>
                                        <td></td>
<!-- END upload_pic -->
<!-- BEGIN register -->
                                        <td></td>
                                        <td></td>
                                        <td>
                                        </td>
                                        <td></td>
<!-- END register -->
<!-- BEGIN login -->
                                        <td></td>
                                        <td></td>
                                        <td>
                                        </td>
                                        <td></td>
<!-- END login -->
<!-- BEGIN logout -->
                                        <td><img name="spacer" src="images/spacer.gif" width="5" height="25" border="0" id="spacer" alt="" /></td>
                                        <td><img name="buttonleftout" src="themes/classic/images/buttonleftout.gif" width="17" height="25" border="0" id="buttonleftout" alt="" /></td>
                                        <td>
                                                <a href="{LOGOUT_TGT}">{LOGOUT_LNK}</a>
                                        </td>
                                        <td></td>
<!-- END logout -->
                               </tr>
                        </table>
EOT;
$template_main_menu2 = <<<EOT
                <span class="topmenu">
                        <table border="0" cellpadding="0" cellspacing="0">
                                <tr>
<!-- BEGIN album_list -->
                                        <td><img name="spacer" src="images/spacer.gif" width="5" height="25" border="0" id="spacer" alt="" /></td>
                                        <td></td>
                                        <td>
                                        </td>
                                        <td>

<!-- END album_list -->
                                        
                                        <td></td>
                                        <td><img name="spacer" src="images/spacer.gif" width="5" height="25" border="0" id="spacer" alt="" /></td>
                                        <td></td>
                                        <td>
                                                
                                        </td>
                                        <td></td>
                                </tr>
                        </table>
                </span>


[rubbersoul]

.....and a pic of the sub-catagory ....and how it looks

[artistsinhawaii]

Ah... the problem with custom themes.  Only the person who designed the theme usually know what is where and  where is what.

Try this.  right click on that page and view source.
Search for the file name.

Look for some familiar coding just before or after the file name.
Search for that string.  This could be a class= or width="25"   etc.

Dennis

[rubbersoul]

Will it definetly be in theme.php because I had already tried that step before posting here....could it be in another file?

[artistsinhawaii]

I'm thinking that yours IS in a different file as there appears to be no coding for that section. You could try a search for "subcat" in index.php and see what height/width definitions have been encoded for that section.


But just incase, look at the source and see if there is a Class= tag in the TD, TR, or Table surrounding the image.  If so, look into your CSS file for the same class and check if any widths or heights for that class has been defined there.

Dennis

[rubbersoul]

I found the CSS class that defines the little image....but were can I adjust the height and width through CSS....I don't see thoses settings!

[artistsinhawaii]

I found the CSS class that defines the little image....but were can I adjust the height and width through CSS....I don't see thoses settings!

If height and width, padding, settings are not there, then it's gotta be in one of the other php files. Do a content search on all your files for the class in question, or the width="xx"   where xx= width of the displayed thumbnail.

Dennis

[rubbersoul]

As you can see from the code below (which is where I believe this is located) I have a 'thumbnails' class....I added a red border around it so it'd stand out and increased the padding. As you can see from the image...this increases the size of the TD but not the pic

Code Select Expand

<!-- BEGIN c_album_cell -->
        <td width="{COL_WIDTH}%" height="100%" valign="top">
        <table width="100%" height="100%" cellspacing="0" cellpadding="0">
        <tr>
                <td colspan="9" height="1" valign="top" class="tableh2">
                        <a href="{ALB_LINK_TGT}" class="alblink"><b>{ALBUM_TITLE}</b></a>
                </td>
        </tr>
        <tr>
                <td colspan="9">
                        <img src="images/spacer.gif" width="1" height="1" alt="" /><br />
                </td>
        </tr>
        <tr height="100%">
                <td align="center" width="100%" height="100%" valign="middle" class="thumbnails">
                        <img src="images/spacer.gif" width="{THUMB_CELL_WIDTH}" height="1" class="image" style="margin-top: 0px; margin-bottom: 0px; border: none;" alt="" /><br />
                        <a href="{ALB_LINK_TGT}">{ALB_LINK_PIC}<br /></a>
                </td>
                <td height="100%">
                        <img src="images/spacer.gif" width="1" height="1" alt="" />
                </td>
                <td width="100%" height="100%" valign="top" class="tableb_compact">
                        {ADMIN_MENU}
                        <p>{ALB_DESC}</p>
                        <p class="album_stat">{ALB_INFOS}</p>
                </td>
        </tr>
        </table>
        </td>
<!-- END c_album_cell -->
<!-- BEGIN c_empty_cell -->
        <td width="{COL_WIDTH}%" height="100%" valign="top">
        <table width="100%" height="100%" cellspacing="0" cellpadding="0">
        <tr>
                <td height="1" valign="top" class="tableh2">
                        <b>&nbsp;</b>
                </td>
        </tr>
        <tr>
                <td>
                        <img src="images/spacer.gif" width="1" height="1" alt="" /><br />
                </td>
        </tr>
        <tr height="100%">
                <td width="100%" height="100%" valign="top" class="tableb_compact">
                        &nbsp;
                </td>
        </tr>
        </table>
        </td>
<!-- END c_empty_cell -->

[artistsinhawaii]

Class="Thumbnails" applies to all thumbnails.  So changes there will affect thumbnails in albums as well as categories.  But you are on the right track.  I'd minimize the padding, and continue looking for instances of class="thumbnails". 

Do the thumbnails in the albums of the subcat look to be the right size?


Dennis

[artistsinhawaii]

What is the thumbnail size you have set in Album list view  of your Config settings?

Dennis

[rubbersoul]

That was it dude....had to change my thumbnail size there... thanks for all the help!

[artistsinhawaii]

LOL,

I figured it was something simple.  Glad it worked.

Dennis