[Solved] How to override CSS and images for a module?

[bloggus]

I understand the regular way to override css and images for modules, but in this case the module is according to

 

 

modules/modules-name/module-name.php

modules/modules-name/module-name.tpl

modules/modules-name/img/different-images

modules/modules-name/css/different-name.css

 

In this case how do I override the css and images files without editing the originals??

[shacker]

copy these files your theme like

 

themes/themename/modules/modulename/tpl , css, images, etc

 

and edit as your wish

[bloggus]

Ok, as I thought. Thanks!

[rethus]

I try to overwrite the Black cart.gif with an white one.

 

So i add this:

 

themes/themename/modules/blockuserinfo/img/icon/cart.gif

 

But this overwriting not work. Why?

Edited December 26, 2013 by rethus (see edit history)

[CartExpert.net]

Hi.

 

If the locations are correct, refresh your site with CTRL + F5, to reload the images.

 

If still not good, send the URL to your site.

 

Regards.

Robin.

The CartExpert Team

[rethus]

Here is the link to the page  computerpirat-online.com/index.php

[CartExpert.net]

Hi

 

Here is the link to the page  computerpirat-online.com/index.php

 

You want to change the icon to the left of 'Warenkorb' in the top right corner?

 

Regards.

Robin.

The CartExpert Team

[rethus]

exactly, the layer for the cart should become dark like the horizontal line above, and the cart should come white

[vekia]

hello

 

your css file points to the http://computerpirat-online.com/modules/blockuserinfo/img/icon/cart.gif file.

if you want to use theme directory to override image, you have to override .css also.

[CartExpert.net]

You didn't override the module's css file, it is till in the module's folder, so you should upload the image to the module's directory.

 

Regards.

Robin.

The CartExpert Team

[rethus]

 

if you want to use theme directory to override image, you have to override .css also.

 

Ok, i have now copy and modify the css file from 

/modules/blockuserinfo/blockuserinfo.css 

to 

themes/themename/modules/blockuserinfo/blockuserinfo.css  

AND

themes/themename/modules/blockuserinfo/css/blockuserinfo.css

Both didn't work.

 

@CartExpert.net: I don't want to replace the image in the original module folder, I wan't to use a upgrade-safe overwriting

[rethus]

Ok, i got it, but i have to say, " I don't like it!"

 

I have to put the css inside of /themes/css/modules/modulename... instead of /themes/modules/modulename/css.

 

Why was this way choosed, instead have all the module-overwritings inside ONE Directory-Structure below /moudules/ ?

This is very confusing!

 

 

But one additional Question:

If i wan't to overload the icon, i have to put it into: /themes/img/icon/modules/mymoduleName/cart.gif ?

Or have i to put it into /themes/img/modules/mymoduleName/icon/cart.gif?

 

And why the overwriting not working inside of a css-File?

Edited December 27, 2013 by rethus (see edit history)

[vekia]

you have to put image there where, where background url param points in your .css file.