Changing CSS calls

[PABebop]

Hello,

I'm trying to figure out what file contains the css calls for the gallerys.  Basically what I want to do is change the ".maintable" call on the image description part of the page.  I am using a background image for this and every time the ".maintable" call is being used, the BG image is appearing.

Here is a link to the page with the problem....

http://photos.thepoconos.com/displayimage.php?album=10&pos=0

If you look in the "File 1/1", breadcrumb, and thumbnail parts, you will see hiding in the background the BG image.  I just want to change the CSS call in the description section so the image only shows there.

Thanks!

[Gizmo]

OK, I have two questions:

1. Where do you want this background image to go exactly? Why can't you create a new property instead of using a core property?

2. Did you check out this Sticky post http://forum.coppermine-gallery.net/index.php?topic=24056.0? It has some good info and the tools in the last post are very valuable for helping out in these situations.

Gizmo

[PABebop]

Thanks for the quick reply Gizmo!

I'll look through the docs you sent, looked through the forums but haven't found anyhitng this specific.

Looking at the gallery page, where it says "driver in his car", there are Nascar logos to either side of it,  they are both coming from a single background image designated in the ".maintable" class.  Since there are multiple instances of this class, it is showing in different parts of the page.

What I would like to do, is go in the code that contains these calls, and change the single instance of the ".maintable" in the "driver in his car" table and make a new class in the style.css file in all themes used on the site so it can be configured individually.  I rooted around different files trying to find out where that call is coming from, but haven't had any luck.

Thanks!

[Gizmo]

From the Sample theme.php copy and paste this code into your theme.php:

Code Select Expand


// HTML template for intermediate image display
$template_display_media = <<<EOT
        <tr>
                <td align="center" class="display_media" nowrap="nowrap">
                        <table cellspacing="2px" cellpadding="0px" class="imageborder">
                                <tr>
                                        <td align="center">
                                                {IMAGE}

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

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





<!-- BEGIN img_desc -->
                        <table cellpadding="0px" cellspacing="0px" 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;


Change the class in this line

Code Select Expand


<!-- BEGIN img_desc -->
                        <table cellpadding="0px" cellspacing="0px" class="tableb" width="100%">


to a new class which you create in your style.css to hold the background image. Change the .maintable class back to the way it was. Should work.

[Gizmo]

Sorry... you also may have to make the .tableb background transparent to allow the logo to show through such as:

Code Select Expand


.tableb, .catrow {
        background: #transparent;
...
}


[PABebop]

Gizmo.......................

YOU ROCK!!!!

Thanks so much for your help, that is exactly what I wanted!  Looks like Christmas came early for me 

I really appreciate your time in helping me on this.  Thanks again!!!

[Gizmo]

Psstttt... don't tell my boss but I'm on a teleconference while I'm was doing this. 

You're most welcome and glad to be of service.

Gizmo