Hi,

I'm trying to set a transparent gif as a background image for each module so that the text can be seen better over the main background image of the whole template.

I've set up my own style in styles.css as:

.moduletable-smokin,{
background: url(../images/trans.gif) repeat;
}

and set the suffix in the module to -smokin but it doesn't work.

I've also tried setting the module class to -bg and -stripe (as in the supplied styles.css) but these don't work either.

Am I doing something wrong?

Cheers, Ollie

I've looked more into what I'm supposed to be doing here and have tried to set a class to one of my modules of -light_overlay.

I've looked in the images directory and see that the image for that class is present.

However the style isn't applied to the module.

When I look further (using the Firefox dev bar) I see that the element is called

.scrolling-content>div>p

instead of

.scrolling-content>div.moduletable-light_overlay

as with the demo.

Obviously my problem is that the style isn't being applied as the moduletable doesn't seem to be present.

My module is a custom HTML module that I've created in the normal way.
So how do I make a modlue that's actually 'seen' as a module?

This is a J1.5.3 installation.

Hi Ollie,

Thanks for posting about this. Its a bug in the template where the xhtml module style isnt being called. Ive updated the zip in the download area but if you have already modified the template then you just need to attach style="xhtml" to each module reference in the index.php file.

Thanks Anthony

Hi Anthony,

Thanks for the reply.

I've added the style="xhtml" to the modules as I have modified the template but it's still not working.
I think I must have misunderstood what you mean.

This is what I've done:

Code:

<div id="content1" class="scrolling-content" style="height:<?php echo $height ?>px;width: <?php echo $width-$offset-20 ?>px!important;width: <?php echo $width-$offset-40 ?>px;padding-left:<?php echo $offset ?>px;top:<?php echo $top1 ?>px;left:<?php echo $left1 ?>px" style="xhtml"> <jdoc:include type="modules" name="user1" /> </div>

Is that what you meant? I downloaded the updated version to compare but couldn't find style="xhtml" anywhere in index.php Sorry to be a pain.

Almost got it ...

You need to add it to:

Code:

<jdoc:include type="modules" name="user1" />

so each module being referenced looks like this:

Code:

<jdoc:include type="modules" name="user1" style="xhtml">

That should fix it for you. Anthony

Anthony, you're a star.

That's me all sorted.

Cheers,

Ollie

Gr8 Ollie