Jump to content
Roman Pliszka

[solved]Modifying modules css files has no effect

Recommended Posts

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? 

Share this post


Link to post
Share on other sites

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.

image.thumb.png.9caab86b31fae4f23d7e22fd9981306b.png

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 by Roman Pliszka (see edit history)

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 by Roman Pliszka (see edit history)

Share this post


Link to post
Share on other sites

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...

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More