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.

   

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 {
     background: #F0F6F9;
     border: 1px solid #c3c3c3;
     padding:0;
   }
   .jcarousel-skin-tango .jcarousel-container-horizontal {
     width: 533px;
     padding: 0;
   }
   .jcarousel-skin-tango .jcarousel-container-vertical {
      width: 533px;
     height: 260px;
     padding: 0;
   }

3. Change the size according to what you want.

4. Save the changes.

5. Preview it in your...