forum.coppermine-gallery.net

Support => cpg1.5.x Support => cpg1.5 themes (visuals) => Topic started by: Adunst on September 02, 2015, 02:18:52 am

Title: tableh1 - statlink
Post by: Adunst on September 02, 2015, 02:18:52 am

Hello,
I would like to have 2 differents CSS for .tableh1 and for .statlink.
On my gallery, the background of my .tableh1 is black :

.tableh1 {
        background: #1a1a1a;
        text-align:center;
   padding: 7px 8px 7px 14px;

   position: relative;

   z-index: 1;
   
   color: #ffffff;

   text-transform: uppercase;

   letter-spacing: 3px;

   font-family: "Times New Roman", Georgia, Serif;
   
}

and the background of my .statlink is black too but I would like it to be white. I tried this (but it doesn't work) :

.tableh1 .statlink {
background-color:#FFF;
}

Thanks for your help.
Link to my gallery under construction :
http://www.kirsten-dunst.fr/photos/index.php

Title: Re: tableh1 - statlink
Post by: allvip on September 02, 2015, 11:34:47 am

1) Add to themes/your_theme_name/theme.php function  $template_cat_list (make sure function $template_cat_list is not alredy in your theme)

Code: [Select]

/******************************************************************************
** Section <<<$template_cat_list>>> - START
******************************************************************************/
// HTML template for the category list
$template_cat_list = <<<EOT
<!-- BEGIN header -->
        <tr>
                <td class="tableh1" width="80%" align="left">{CATEGORY}</td>
                <td class="tableh1" width="10%" align="center">{ALBUMS}</td>
                <td class="tableh1" width="10%" align="center">{PICTURES}</td>
        </tr>
<!-- END header -->
<!-- BEGIN catrow_noalb -->
        <tr>
                <td class="catrow_noalb" colspan="3"><table border="0"><tr><td align="left">{CAT_THUMB}</td><td align="left"><span class="catlink">{CAT_TITLE}</span>{CAT_DESC}</td></tr></table></td>
        </tr>
<!-- END catrow_noalb -->
<!-- BEGIN catrow -->
        <tr>
                <td class="catrow" align="left"><table border="0"><tr><td>{CAT_THUMB}</td><td><span class="catlink">{CAT_TITLE}</span>{CAT_DESC}</td></tr></table></td>
                <td class="catrow" align="center">{ALB_COUNT}</td>
                <td class="catrow" align="center">{PIC_COUNT}</td>
        </tr>
        <tr>
            <td class="tableb tableb_alternate" colspan="3">{CAT_ALBUMS}</td>
        </tr>
<!-- END catrow -->
<!-- BEGIN footer -->
        <tr>
                <td colspan="3" id="tableh1" class="tableh1" align="center"><span class="statlink">{STATISTICS}</span></td>
        </tr>
<!-- END footer -->
<!-- BEGIN spacer -->
        <img src="images/spacer.gif" width="1" height="7" border="" alt="" /><br />
<!-- END spacer -->

EOT;
/******************************************************************************
** Section <<<$template_cat_list>>> - END
******************************************************************************/

2) Add to themes/your_theme_name/style.css

Code: [Select]

#tableh1 {
background-color:#FFF;
}
#tableh1 .statlink {
color: #000;
}


Title: Re: tableh1 - statlink
Post by: Adunst on September 03, 2015, 02:02:03 am

Thanks you, it work's great :)