Time for action—Getting to know the PrestaShop CSS files

1. Open your PrestaShop directory either on your computer or the web server.

2. Next, navigate to the default themes folder (prestashop_1.3/themes/prestashop) or you can look at your new theme folder.

3. Now, let's get a better look at each of the important files within it that we will work with.

   Note

   In the previous chapter, you learned about copying this default PrestaShop theme file to build another new theme.

4. Go to your FTP or cPanel administration and look up the new theme folder you have just created (for example, ../themes/theme1/).

5. Locate the CSS folder.

6. The next screenshot shows where to locate the /css folder:

   

Within this CSS folder, you will see three CSS files:

1. global.css

2. maintenance.css

3. scenes.css

These CSS files work with the Smarty template files (.tpl), which are, by default, located in the modules directory. We have not really got to know "Smarty" that much yet, but we will begin to do some work here on the Smarty template files...