Advanced search  

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Pages: [1]   Go Down

Author Topic: Changing Font Size for Image Description  (Read 3889 times)

0 Members and 1 Guest are viewing this topic.

Gail

  • Coppermine newbie
  • Offline Offline
  • Gender: Female
  • Posts: 6
    • Gail's Cornucopia
Changing Font Size for Image Description
« on: October 29, 2006, 06:40:01 pm »

Hello,

I am using Coppermine 1.4.9 and the Inkpot theme. I would like to change the size of the font for the Image title and description for these older eyes but I am unable to do so. I know how to change the font size for the thumbs (title and description). I have changed the table: 12px to 14px in the css file - this does change some of the areas but not the image title and description. I have searched this forum for a solution but to no avail. Sorry if there is a solution here and I have missed it.

I have changed different font sizes in the css file the last few evenings but I am unable to figure out what to change to get the desired results. Thanks for any help - it is greatly appreciated.

Gail
Logged
Practice random acts of kindness.

Gizmo

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 1015
    • BullsEye Photos
Re: Changing Font Size for Image Description
« Reply #1 on: October 29, 2006, 06:58:57 pm »

Try .thumb_title and .thumb_caption in the style.css file.
Logged
Did you read the manual first???? Taking 2 minutes to backup your files can save you hours of wondering what you screwed up.
Billy Bullock - BullsEyePhotos Blog of Indecision

Gail

  • Coppermine newbie
  • Offline Offline
  • Gender: Female
  • Posts: 6
    • Gail's Cornucopia
Re: Changing Font Size for Image Description
« Reply #2 on: October 29, 2006, 08:01:43 pm »

Hi Gizmo,

Thanks for your quick reply.

Quote
Try .thumb_title and .thumb_caption in the style.css file.

Yes, I had already changed those from 80% to 90% and it does change the size of the font under the thumbnail files - it is when I click on a thumbnail file and then the image shows (not the full size image) - the title and image description show here also under the image but in the smaller size font. This is the font size I would like to change if it is possible.

You can check out my Coppermine if you wish - http://www.homegail.com/coppermine/

Thanks.

Gail
Logged
Practice random acts of kindness.

Gizmo

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 1015
    • BullsEye Photos
Re: Changing Font Size for Image Description
« Reply #3 on: October 29, 2006, 08:50:24 pm »

Sorry, here's what you will have to do to change the test under the intermediate image. If you don't have $template_display_media in your theme.php file, copy it from the sample>theme.php and paste it into yours.
Code: [Select]
// HTML template for intermediate image display
$template_display_media = <<<EOT
        <tr>
                <td align="center" class="display_media" nowrap="nowrap">
                        <table cellspacing="2" cellpadding="0" class="imageborder">
                                <tr>
                                        <td align="center">
                                                {IMAGE}

                                        </td>
                                </tr>
                        </table>
                </td></tr>
                <tr><td>
                                                <table width="100%" cellspacing="2" cellpadding="0" class="tableb">
                                <tr>
                                        <td align="center">

                                                {ADMIN_MENU}
                                        </td>
                                </tr>
                        </table>





<!-- BEGIN img_desc -->
                        <table cellpadding="0" cellspacing="0" class="tableb" width="100%">
<!-- BEGIN title -->
                                <tr>
                                        <td class="tableb"><center><b>
                                                {TITLE}
                                        </b></center></td>
                                </tr>
<!-- END title -->
<!-- BEGIN caption -->
                                <tr>
                                        <td class="tableb"><center>
                                                {CAPTION}
                                        </center></td>
                                </tr>
<!-- END caption -->
                        </table>
<!-- END img_desc -->
                </td>
        </tr>

EOT;

For the title, find
Code: [Select]
                                <tr>
                                        <td class="tableb"><center><b>
                                                {TITLE}
                                        </b></center></td>
                                </tr>

replace with
Code: [Select]
                                <tr>
                                        <td class="tableb"><center><b><font size="14px">
                                                {TITLE}
                                       </font> </b></center></td>
                                </tr>

For the caption, find
Code: [Select]
                                <tr>
                                        <td class="tableb"><center>
                                                {CAPTION}
                                        </center></td>
                                </tr>

replace with
Code: [Select]
                                <tr>
                                        <td class="tableb"><center><font size="14px">
                                                {CAPTION}
                                        </font></center></td>
                                </tr>

You could also copy the tableb property in the style.css file and add a font size to the new property. Then change the tableb class for the above 2 sections with this new property. Something like
Code: [Select]
.tableb_intermed {
        font-size: 14px;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}
Logged
Did you read the manual first???? Taking 2 minutes to backup your files can save you hours of wondering what you screwed up.
Billy Bullock - BullsEyePhotos Blog of Indecision

Gail

  • Coppermine newbie
  • Offline Offline
  • Gender: Female
  • Posts: 6
    • Gail's Cornucopia
Re: Changing Font Size for Image Description
« Reply #4 on: October 30, 2006, 03:11:13 am »

Hi Gizmo,

Sorry to be such a bother - I tried the first method and the font size was close to 1 inch!  :D Does it matter where I paste the HTML template code (for intermediate image display) in the theme.php file? The Inkpot theme does have all CORE items removed so I did have to copy and paste from the sample theme.php file. I am comfortable doing this method but really have no clue as to where to put the code. I wonder if this is the problem - why the font was so large when I tried this.

I don't fully understand the second method you suggested.

Thanks again for your reply.
Logged
Practice random acts of kindness.

Gizmo

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 1015
    • BullsEye Photos
Re: Changing Font Size for Image Description
« Reply #5 on: October 30, 2006, 12:03:05 pm »

Well, you did say you wanted it large. ;) Did you try changing the font size? Change it to 12, 10, 9 or whatever suits your needs. Paste it right before the ?> at the end of the theme.php file. The other method I mentioned allows you to conrol the font size from the style.css file as it really should be but you still have to adjust the font to your needs.
Logged
Did you read the manual first???? Taking 2 minutes to backup your files can save you hours of wondering what you screwed up.
Billy Bullock - BullsEyePhotos Blog of Indecision

Gail

  • Coppermine newbie
  • Offline Offline
  • Gender: Female
  • Posts: 6
    • Gail's Cornucopia
Re: Changing Font Size for Image Description
« Reply #6 on: October 31, 2006, 12:45:40 am »

Hi Gizmo,

I looked at your first method again - it didn't seem to matter what size I set the font to - the font was really quite large. I wasn't exaggerating when I said the size of the letters were close to 1 inch!

I read your second method again and had another look at the css file which is where I had made other changes. When I was looking at the file again, I noticed the following:

Code: [Select]
.tableb {
background: url(images/inkpotgold.jpg) #555500;
font-size: 110%;
font-weight: lighter;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
font-size: 10px;
}

I had seen this before but I had played around with the percentage value and it didn't seem to do any good. I had not seen the font-size: 10px at the bottom. I changed that to the 14px and the intermediate image title and description is now a larger size font. Problem solved. I can't tell you how many times I had looked at the css file before this evening.

I want to thank you again for all your help. The smaller size font was really bothering me - now I will know for next time if I edit another theme.

Gail
Logged
Practice random acts of kindness.

Gizmo

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 1015
    • BullsEye Photos
Re: Changing Font Size for Image Description
« Reply #7 on: October 31, 2006, 03:11:45 am »

Glad to hear you have this monkey off your back however, there should only be one font-size specified so I suggest you delete one of them.
Logged
Did you read the manual first???? Taking 2 minutes to backup your files can save you hours of wondering what you screwed up.
Billy Bullock - BullsEyePhotos Blog of Indecision

Gail

  • Coppermine newbie
  • Offline Offline
  • Gender: Female
  • Posts: 6
    • Gail's Cornucopia
Re: Changing Font Size for Image Description
« Reply #8 on: October 31, 2006, 05:16:56 am »

Hi,

I deleted the percentage value for the font size and left the font-size: 14px. All is well.

Thanks again.

Gail
Logged
Practice random acts of kindness.
Pages: [1]   Go Up
 

Page created in 0.028 seconds with 20 queries.