Customize Template Calisto, prestashop | Develop Site

ernesto's picture

A customer asked me to make customizing the template for prestashop Calisto maintaining corporate image

The files that were modified as follows:

  • global.css
  • blockcart.css
  • blocktopmenu.css
  • superfish-modified.css
  • blockcontact.css
  • blockcurrencies.css
  • blockuserinfo.css

For modification of the background color modify the global.css as follows:

  1. 5287  header .nav {
  2.         - /*background: #4A5456; }*/
  3.         +background: #a0218a;
  4.          }
  5.  

To modify the appearance of the cart at the top modify the blockcart.css file follows:

  1. 33 .shopping_cart > a:first-child {
  2.       padding: 8px 10px 11px;
  3.     - /*background: #333333;*/
  4.     +background: #611353;
  5.     display: block;
  6.     font-weight: bold;
  7.     color: #ccc;
  8.     text-align: center;
  9.     overflow: hidden; }

superfish-modified.css

  1. 65   .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
  2.     /*background: #4A5456;*/
  3.     background: #a0218a;
  4.     color: white; }

blockcontact.css

  1. 37 #contact-link a:hover, #contact-link a.active {
  2.       /*background: #2b2b2b; }*/
  3.       background: #641456;}

blockcurrencies.css

  1. 23 #currencies-block-top div.current:hover, #currencies-block-top div.current.active {
  2.       /*background: #2b2b2b; }*/
  3.       background: #641456;}

blockuserinfo.css

  1. 14 .header_user_info a:hover, .header_user_info a.active {
  2.      /*background: #2b2b2b; }*/
  3.      background: #641456;}
prestashop, calipso
English