Wordpress TwentyTen Template Fixes

We have modified the TwentyTen template for Wordpress 3.0 to attempt to inherit as many template styles as possible. When you go into the backend of Wordpress you will see additional choices for the TwentyTen template for choosing the template company and for wrapping the metadata in the modifydate class which is needed for some templates. This will probably expand as time goes on through updates. We also thought it would be helpful to have an area for you to see additional fixes that couldn't be done through inheriting styles. Below you will find the current template fixes we have found.

General Fixes (currently included)

We just found an issue with the content boxes in the template not clearing floating objects (ie. images, video). To fix this enter the following code in your style.css file in the folder at components > com_wordpress > wp > wp_content > themes > twentyten (for single blog. Multiblog folder path is similar, except in the blogs folder). .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */

Then add the clearfix class on all contentpaneopen classes, so it will look like this...

div class="contentpaneopen clearfix"

These are located in:
- single.php
- search.php
- page.php
- onecolumn-page.php
- loop.php (several are in here)
- functions.php
- attachment.php
- 404.php

Default Joomla

The Default Joomla choice in the backend is a general style for all Joomla! templates using common classes and ID's to inherit most base styles.

Rhuk_Milkyway, JA_Purity & Beez all display properly. To make the MetaData the same size as the template in Beez click on wrap the metadata in the modifydate class in the backend.

JoomlaShack

Cascada Template

Needed for single blog post style for h1 instead of h2 that's used in template. Insert into your template CSS file. You need to press the wrap the metadata in the modifydate class button in the backend of Wordpress for this template.

.articleheading h1 {
background:url("../images/style2/ribbon_middle.png") repeat-x scroll 0 0 transparent;
color:#FFFFFF !important;
margin-left:10px;
}
.articleheading h1 span {
background:url("../images/style2/ribbon_right.png") no-repeat scroll right 0 transparent;
display:block;
font-size:18px;
font-weight:bold;
height:52px;
margin-right:-16px;
padding:8px 30px 8px 20px;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
z-index:9999;
}

You will also want to add this because the image used in the template is a fixed width and this will keep it from looking bad when the content area is wider than the image.

.articleheading, .articlefooter {max-width: 682px;}
.contentpaneopen {max-width: 642px;}

If you chose a different style for the template you will need to change the style2 in the CSS above to the style number you are using.

If you are using avatars with this template you may want to also tweak the position of the avatars. Insert the following CSS into your template CSS file. Our recommended position is:

img.avatar {
left: -11px;
top: 33px;
}

Refresh Template (and any other where your text disappears)

What you need to do is to add a line of CSS under the line that's making the text disappear in the JoomlaShack template CSS. It's in your main template in the Wright template folder and it's core.css on line 4 and it says:

div.joomlashack {text-indent: -9999em;}

We use a class called JoomlaShack in the Wordpress template so it's text-indenting all of the text off the page. To fix it add this under that line:

#wordpress div.joomlashack {text-indent: 0px!important;}.

RocketTheme

Tested and displays properly: Mynxx

Shape5

Tested and displays properly: Sportsopolis

YooTheme

Tested and displays properly: Pulse