In the Themes tab in a module you can choose Custom for the CSS Handling. When you click the Create Custom CSS button it appears to be compiling a .less file to .css.

My question is where is that .less file located so that I can add code to modify the module.

Specific situation: I have a ticker and I want to change the size and color of the text. Where do I go to set these values?

Hi Chris,

With the less file it would be wiped I believe

So instead I'd suggest making use of the zentools2 module ID instead - each module ID is unique

Do you have a link so I can help you with this?

Cheers
Paul

cippra.com/ahe/

Hi Chris,

There are two options to change the colour of the text

1. If you open up the template settings and click the pencil for the banner row.

In the sidebar that appears on the right side click the style tab

Then scroll down the sidebar till you see "Colours" - in there you can change the text and link colours

2. The other option is to add styling to the custom.css file

#bannerwrap a {color: #000;}

#bannerwrap {color: #000;}

2. This is a global style to override the existing template css e.g that would override any other banner module so if you want more control

#bannerwrap #zentools-1171 a {color: #000;}

#bannerwrap #zentools-1171 {color: #000;}

As with hex values replacing with your own as required

The template works with lower case colour values

Cheers
Paul

Hi Paul

Thanks for the info.

Editing the custom.css file worked the best for me.

But I'm curious about those two buttons for Master Css and custom css that say they create override css files for the single module or all modules of the same type. What files do these buttons affect?

Are there any docs that explain this in detail?

Thanks. C

Hi C,

With the module they change either the master css file contained within the module or create a unique custom css file using the module ID

The styling in the custom css file is the styling linked to options found in the module theme tab - not all styling can be changed here

However in rare instances templates do override the module settings for design reasons

With reference to custom.css

There is a custom.css file that can be created via the module and the template custom.css file

With the styling I suggested adding I am referring to the custom.css file in the template

e.g from a different forum thread

Custom css is new css code you add to your site
its either - new css code or css code to overide an existing template styling

The file it needs to be added to is called custom_rename_to_custom.css or if renamed custom.css (for the file to work it needs to be called custom.css) - this file is protected from being overwritten by template updates

The path to the file is
\templates\template name\css\custom_rename_to_custom.css

via the joomla backend the path is

extensions tab > template manager > Templates (top left in Joomla 3) > "template name" details and files > Edit css/custom_rename_to_custom.css

If you unclear about above please ask away

Cheers
Paul

It's all finally starting to come together for me.

Thanks for your assistance

You're welcome

Best of luck

Cheers
Paul