Twentyten theme - Wordpress port to CPG 1.5.x

[Jeff Bailey]

The attached wp_style.css should fix the visual and the link issue with the intermediate view while transparent overlay is on.

edit - One more small correction. Updated attachment.

[Αndré]

Works for me now.

[phill104]

Download - Demo

Still has a few problems though and is breaking out of our demo menu. Coming along nicely though.

[Frazer]

Hi, this is my favourite theme, however there appears to be a layout issue when the cpgforum plugin is used. Difficult to describe - the forum is stretched downwards. Please see attached or http://testcpg.clockwatching.info/forum.php for visual - a login account is not necessary.

To show this I have installed a fresh version of CPG (from Fantastico, version 1.5.6) and the only changes I have made are to add the cpgforum plugin and load 2 new themes, which are i_feel_dirty_v and twentyten. The problem only happens when using the twentyten theme, and so I have posted in this thread.

I have reproduced this with Chrome, Opera and Firefox.

I would be grateful if this could be fixed as I would like to use both the forum and this fine theme. Thank you for your attention.

[Jeff Bailey]

the forums

Code Select Expand

<img src="images/spacer.gif" height="10" style="width: 100%;">
is causing the issue.

probably a conflict with

Code Select Expand

#content img {
height: auto;
margin: 0px;
max-width: 640px;
width: auto;
}

[Frazer]

Thanks for the reply. Are you saying I should be raising this in the cpgforum thread?

[cdawg]

Having an odd style sheet issue with this one

it seems when I have category with an album in it, the category list is indented one. 

http://caterina-scorsone.com/photos/index.php?cat=6
http://caterina-scorsone.com/photos/index.php

Is there something to change to fix this?

[Jeff Bailey]

Find this in the themes theme.php

Code Select Expand


/******************************************************************************
** 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 width="170px" style="vertical-align:middle">{CAT_THUMB}</td><td style="vertical-align:middle"><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" 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
******************************************************************************/


and replace it with this

Code Select Expand


/******************************************************************************
** 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 style="vertical-align:middle">{CAT_THUMB}</td><td style="vertical-align:middle"><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" 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
******************************************************************************/


untested

[cdawg]

Fixed it thanks!

[travelbuff]

I have a issue with the twentyten theme where the login boxes and the registration boxes are cut off on the right side.  You can see an example at: http://travelbuff.net/coppermine/login.php.
I believe I know what the problem is by viewing the source code and putting the code in my html editor.  The field boxes are the exact same size as the table they are put in.  I can correct it in html by re-sizing the field box by a couple of pixels.  My problem is I'm not sure where to find it in the php css files, to make the adjustment.  I cannot figure out what that portion is called?

Any help would be apprieciated.

[hk1418]

Hallo eine Frage wie ändere ich den Hintergrund... Bin leider eine Laie, ich würde mich freuen über ein bißchen Hilfe. Danke.

[Αndré]

Hallo eine Frage wie ändere ich den Hintergrund... Bin leider eine Laie, ich würde mich freuen über ein bißchen Hilfe. Danke.

Please always post in English outside of the language-specific boards. Short translation:

How to change the background?