If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

Featured templates

PrestaShop 1.6.x. How to locate a correct CSS file (if the files are cached)

PrestaShop 1.6.x. How to locate a correct CSS file (if the files appear cached)

This tutorial will show you how to locate a correct CSS file (if the files appear cached) in PrestaShop 1.6.x.:

PrestaShop. How to locate a correct CSS file ( if the files appear cached)1.jpg

  1. As an example – let’s check in which css file the color of ‘Shop now!’ button can be changed. Inspect the icon using Firebug plugin. You can find information on how to use it here: Firebug. Mozilla Firefox plugin:

    PrestaShop. How to locate a correct CSS file ( if the files appear cached)2.jpg

  2. As you can see – we managed to locate a correct css rule but files appear to be cached and we’re not able to check the exact location of the file that needs to be edited.

  3. To solve this, log into your admin panel and go to Advanced Parameters -> Performance, scroll down and search for CCC. There you’ll see ‘Smart cache for css‘, set it to ‘No‘:

    PrestaShop. How to locate a correct CSS file ( if the files appear cached)3.jpg

  4. After you’re done – refresh the home page and inspect the button again, now you should be able to see css files through Firebug fine. In our case to change the color you have to edit homeslider.css file, line 65:

    PrestaShop. How to locate a correct CSS file ( if the files appear cached)4.jpg

This is the end of the tutorial. Now you know how to locate a correct css file if files appear to be cached.

Feel free to check the detailed video tutorial below:

PrestaShop 1.6.x. How to locate a correct CSS file (if the files appear cached)

 
Live Chat
We help you to choose the right product.
Start chat