O'Reilly logo

PrestaShop 1.3 ThemingBeginner’s Guide by Hayati Hashim

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action — Changing the attributes

You may want to change some of the attributes of the carousel, for example, expanding the size of the box and so on.

It is possible to directly edit the jcarousel.tpl file. It is much easier to edit the CSS file, so the changes can be affected in one go.

  1. Go to modules/jcarousel/assets/skin.css.

    If you are not sure how to go about it, open your Firebug and review the element.

    Time for action — Changing the attributes
  2. Modify the width and height to your liking to suit your new theme. The following is a portion of the skin.css file, which you will have to change according to the modifications you made to the previous file.
    .jcarousel-skin-tango .jcarousel-container ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required