Interesting tool and a great concept, thank you.

I have a small problem... After creating a new template based on the original site with almost everything removed except a few particulars for the left side. The style for the modules have the style removed.

What's the trick to make them look like the rest of the site modules on other pages in the same position? See the front page here...

http://www.b-street.org/index.php?option=com_frontpage&Itemid=1

and then the statistics module on this page (news)...

http://www.b-street.org/index.php?option=com_content&task=section&id=1&Itemid=2

/* ###################### MODULE SETTINGS ###################### */

table.moduletable {
width : 100%;
padding-top : 1px;
padding-bottom : 7px;
padding-left : 3px;
padding-right : 3px;
}

table.moduletable th {
font : Book Antiqua, Palatino Linotype, Palatino, Times, serif;
font-size : 13px;
font-weight : bold;
color : #FFE081;
text-align : center;
padding : 2px;
border-top : 2px solid #ff6600;
border-bottom : 2px solid #ff6600;
}<br /><br />Post edited by: quinn, at: 2007/08/04 16:34

Hello

As we have understood your request you just need to insert/replace (in your Joomla template css-file) these classes.

Dmitriy wrote:


I guess I didn't make it very clear or I wouldn't have gotten the generic answer.

From my point of view, It would seem that the .css is being read since the other styles work as designed, ie: background and other parts of the .css are there. Just not the modules used in your component's layout. The stylesheet is linked in the head of the template.

Hello

Sorry for the postponed reply. From now on the solutions will be provided much faster in this topic. Please try to change the code you provided this way:

table.moduletable,
div.moduletable {
width : 100%;
padding-top : 1px;
padding-bottom : 7px;
padding-left : 3px;
padding-right : 3px;
}

table.moduletable th,
div.moduletable h3 {
font : Book Antiqua, Palatino Linotype, Palatino, Times, serif;
font-size : 13px;
font-weight : bold;
color : #FFE081;
text-align : center;
padding : 2px;
border-top : 2px solid #ff6600;
border-bottom : 2px solid #ff6600;
}