When I enable smart cache for css, prestashop frontend will be messed up totally, like only using some of the css.
However, I can see there is all my custom css rules, also blocks and modules in that same file, but I can't understand why it messes it up so bad. Basically its just html dumped together with float effects when I enable it.
It it better to look for other css compiler/minifier and not to use prestashop one? is this general issue ?
Site works perfectly fine after I disable it again...
Using prestashop 1.6.1.6
Any idea how to debug ?
This is not a general issue, this must be happening because of the custom theme that you are using on your store.
You can try removing the theme specific cache from the following directory:
/themes/YOUR_THEME/cache/
You may refer to the following link as well if you have upgraded from 1.6.1.4 to 1.6.1.5 recently.
https://www.prestashop.com/forums/topic/520452-update-from-1614-to-1615/page-2
Related
I have installed the Loox app from shopify (https://loox.app/) on shopify's minimal theme. Their app is overriding my css code and resetting to their default code when I try to change it. How do I override their css so mine takes over and I can style it on my page the way I want?
** I have tried !important and does not work
You can always ask the App developers to fix their App so it does not break your theme. You can always uninstall Apps like that that break your theme. Complain to Shopify if you get no traction with them. Basically, Apps should never cause your theme to change and look bad, if they are designed correctly.
I am wondering why I am not unable to make changes; I already tried several things yet, I don't seem to be able to update the CSS, the following I did already:
There is no Editor, so I am unable to make changes via there.
I am an Administrator and have access to cPanel.
I made changes via ../wp-content/theme/my-theme/style.css and no changes were made.
I empty my cache via plugin and hard reload my Chrome, Firefox and Safari. And no changes were made.
Is there any other solutions? I already found the file which contains all the styles. I would try to add my own class, and see if I am to see if there is any effect.
First thing first, From cPanel you can navigate to your website from the fileManager, use it to make code changes and then save them. You need to clear the cache everytime you make changes (i usually do it from the browser (in chrome, open the dev console, then long press on the refresh button and select the bottom one)
If the changes are still not showing on your site, I think that maybe you are editing the wrong CSS? Is this your theme and are you 100% sure you are editing the right file and, for example, it's not overwritten by a child theme or something else?
If you are using any framework, maybe your property is overwritten by your framework (for example, by bootstrap). To check this, open the console or try to add !important in your CSS file.
Just as an example, when I develop a theme I leave the root style.css with only the theme definitions, and then I create different stylesheets in a different folder. This leads me to the next question: are you enqueue your file correctly? is it even loaded by WordPress?
to check this I usually inspect the code in and search for the id of the file I enqueued from my functions.php.
Unfortunately, without more details, this is the only things I could think of when developing and WordPress theme and make changes from cPanel. Hope some of this can actually help.
Please check following options
Permission of file at ../wp-content/theme/my-theme/style.css.
Grab the css and open in Dream-viewer or sublime is there any css syntax issue.
Also the path of style.css in header is show same by view source.
Or
Even you can use the plugins which allow to add custom css without toching the server check this plugin https://wordpress.org/plugins/simple-custom-css/
I want to make small changes in wordpress template css, but despite I change desired values (for instance font-height), changes are not applied on actual page(I've tried multiple browsers, cleaned browser and wordpress cache...).
I've noticed that this theme is using Redux framework, so it seems that this "cause" this problem with all these changes.
I would not mind to delete this (or any other) framework and make all my custom changes directly with css, but I'm not sure how to do it properly.
I have knowledge of html & css, but not wordpress system.
try using this plugin :
Simple Custom Css
What happened?, the console don´t show lines of document.css thanks.
I solve this problem.
The styles.css don´t show because I use the Prefix free plugin
In his limitations says : "Unprefixed linked stylesheets won’t work locally in Chrome and Opera."
I disable this plugin for local testing.
I faced same situation before, all i had to do is to remove a jQuery plugin. i don't remember the name but that was converting external style as internal styles.
Try removing links to your external JavaScript files and look which plugin cause the problem.
Hope this helps :)
I need to edit a css file that manages the position of certain buttons for a block.
Using Google Chrome to inspect the element, Drupal only gives me this information about the css file name: DSFJHjdfkvwvSDFVSFbvnhsdjnvjsdnfjbvw.css
Wonderful... that doesn't exist. How am I suppose to pinpoint the exact location of a css file? I've torn apart the css files within the styles folder in themes.
So basically finding the source code for everything in drupal requires you to find the needle in the haystack. Is there a way to find exactly what css files my webpage is using by using the admin panel??
Drupal, for performance reasons , aggregates all CSS files into one generated file so only 1 request Is needed to load all necessary styles.
You can disable this (not recommended on a prd site) by going to the performance settings in drupal config and disabling js and CSS optimizations.
Clear the cache and now you will see the specific file the CSS rule lives in when inspecting in chrome tools.
As a side note, it is not recommended to edit anything in a contributed module unless you contribute it back. Otherwise, when you need to upgrade to the next version of the module, you will lose your previous changes. I would just apply CSS rules in your custom theme that override the modules CSS.
Sorry if there are typos. This was written on my phone and I will clean it up when I am at my desk.
I think in your drupal configuration you have enabled the "Aggregate and compress CSS files" settings. Try disabling it by going to Configuration > Development > Performance. It might solve you problem.
You can revert back the setting after you have made changes.
Turn of the caching and then clear the cache. You should then get the correct location of the CSS rules. Once you are done with this, enable caching again.