Module Alternative Layout

[sea-horse2]

for a module like 'News Show SP2' which, the template file is located '/modules/mod_news_show_sp2/tmpl/default.php' and the CSS file that I want to adjust is located '/modules/mod_news_show_sp2/assets/css/mod_news_show_sp2.css'
how can I create a 'custom layout' so my changes don't get erased on update?

[fcoulter]

You can override the template very easily, by creating a folder inside the html folder of your site template, called mod_news_show_sp2, the copy the default.php template to it. Then you can modify that file as you wish without it being overwritten on update.

Overriding the css is more difficult, because there is not a standard way of doing this. Some templates, eg those using the warp framework, allow for a custom css file. But if the modifications that you want to make are small then actually it might be easier just to add some custom styles to your custom template file using an html <style> tag,

[sea-horse2]

I use a Joomlashine template, and it allows to create custom css.
what I want to do is change some colors and sizes, and although I created a custom template for "News Show SP2" thanks to you, (and it shows in the module layout menu), in firebug my color changes take me to "/modules/mod_news_show_sp2/assets/css/mod_news_show_sp2.css" so what is the best way to do a e.g. " background: #red;" ?

[Per Yngve Berg]

You don't need a layout override to change css.

Put the css you change into the custom.css file (or other css file) of your template.

[sea-horse2]

sorry for me being very novice, but if I want to make the background red, in addition to the highlighted code in screenshot what should I put in custom.css ?

[AlexVega]

Hi there!

You already have the info, background, so you can add
something like:

Code: Select all

.ns2-date-blog {
  background-color: red;
}

Also you can check this info:
https://developer.mozilla.org/en-US/docs/Web/CSS

Cheers!