Unsure of CSS Syntax

Hoping you can clarify the syntax for modifying CSS for individual modules on the same page - I can't seem to get it working. It appears that every module somehow inherits the style of the largest module so I can't vary them as I would like to. I have created styles.css files for each module - styles28.css, styles 29.css, etc. What I can't seem to figure out is the specific coding for the file itself.

should the headers for each style line read like this (where 29 is the module number)?

.ajaxscrl .mScroller29 {

if so, does this need to be carried to every declaration on the page?

Thanks.

Hello,

If you read the documentation , it says:

If you run multiple instances of the module you can do individual styling by creating and uploading a css file with module ID:
modules/mod_ajaxscroller/mod_ajaxscroller/styleID.css (Joomla 1.5)
modules/mod_ajaxscroller/styleID.css (Joomla 1.0)
For example, if your module ID is 51 you would name the file create file "style51.css"
There is an example css file (styleID.css) included that you can edit for this purpose.

Now, if you open styleID.css you will notice it's little different than global CSS file. It goes like:
So your file should be called style29.css and look like:etc.

Thanks for the response - though I did search the installed directory and couldn't find the example CSS file. I'll give this a shot.

-S

Emir-

I have looked around, and have eventually found the file, however my changes are still not being recognized by the browser.

Originally, I had 4 of the modules installed on the page, but to troubleshoot, I removed 3 and just left one active. I renamed the stylesheet to styles29.css (to coordinate with the module ID), renamed all the lines to .ajaxscrl29 .mXXXXXX - and no matter what I put in for size, it's not changing. I have even tried just crazy numbers to see if it screws up the page, but no matter what I do, it appears that the CSS changes aren't taking effect.

Any other ideas?

(see example at www.ltveh.org/newsite )

I think I got it-  had to change permissions on all the style.css files to 0644, and now it appears they are reading....


...sorry for the trouble.

Note that it should not be .ajaxscrl29 but #ajaxscrl29!