[solved]Modifying modules css files has no effect

[Roman Pliszka]

Hi

 

I'm working on theme customization. I change a property in a .css file in Google Dev Tools, save the new .css, upload it  to prestashop directory (correct one) and get no results on my webpage. When I inspect the property I've edited I get a link to a strange .css file. For example:

I edit: https://dev.domain.com/themes/warehouse/css/modules/iqitmegamenu/css/front.css 

.cbp-hrmenu>ul, .cbp-hrmenu .cbp-hrsub-inner {

margin: 0 auto; }

to

.cbp-hrmenu>ul, .cbp-hrmenu .cbp-hrsub-inner {

margin: 1px auto; }

Upload the new file to the same directory (overwriting the old one) and after refreshing the page I get the same layout effect (not changed) and when i inspect the object i get strange css file:

https://dev.domain.com/themes/warehouse/css/modules/iqitmegamenu/css/A.front.css.pagespeed.cf.j99kG4X06M.css

with the old propert set (margin: 0 auto; )

Could someone shed some light on this subject? 

[selectshop.at]

Did you also cleared smarty cache and browser cache after changes ?

[Roman Pliszka]

Thank you for reply.

Yes.  My smarty cache is disabled (I've used the clear cache option though), I've cleared browser cache (tried displaying the page on different browsers-same result) and I've disabled all my addons for chrome. No result. I've noticed in inspect mode in chrome all the .css files have such weird names and contain phrase "pagespeed".

I've checked on another computer and the path to the css file is correct (https://dev.domain.com/themes/warehouse/css/modules/iqitmegamenu/css/front.css ) but the value inside it (via browser inspect element) is unchanged (margin:0 auto;). The file itself, when I copy it via ftp from the server is changed (correct: 1px auto).

It makes me think that the issue is on the side of the shop, not the browser.

Update: I use IQIT MEGA MENU Module for top menu (the one I'm editing). If I use the moduls "Custom css" box in configuration and put the code there, it works just fine. But it doesn't solve the problem since from what I understand I should be able to change the themes css just by editing source css files and uploading them to the shop, is this correct?

Edited October 30, 2017 by Roman Pliszka (see edit history)

[selectshop.at]

If you are using a non native theme and a non native module, so you should ask directly the developers of both. Perhaps there are some overrides files for the theme or module....

 

Best answer you will get from theme developer.

[Roman Pliszka]

OK, I solved the problem. For future use if any one has the same issue:

 

Google pagespeed module is installed on the server and it was caching files independently (had it's own cahce). The problem is solved by disabling pagespeed module through htaccess.

Edited November 1, 2017 by Roman Pliszka (see edit history)

[selectshop.at]

OK. next time please inform all details of your hosting. It was a cache problem and by clearing the cache it should be visible. The second possibility is that two foreign components could be not compatible together, if there are overrides...