Skip to main content
page last edited on 22 January 2020

How to change rotation banner sizes

This article applies to the specific versions of software: X-Cart 5.3.x and earlier
Version: 5.4 and early

X-Cart 5 is configured so that the height of the banner block is proportionally adapted to the size of the browser window. For example, you can see this happening on our demo X-Cart website:

The X-Cart demo store has the following default size parameters:

  • Banner image actual size: 3840px x 884px
  • Banner block size: 1911px x 440px

The banner block size is proportionally adapted using the "height" parameter, for example:

.carousel-inner {
width: auto;
height: 440px;

The "height" parameter of the banner block is defined in the skins/crisp_white/customer/css/less/carousel.less file.




If you want to adjust the "height" parameter for the banner block, please follow the steps below:

  1. Download the Custom Skin addon here.

  2. Install the Custom Skin addon via the Upload Addons tool of your X-Cart store, that supports .tgz archives.

  3. Once the addon has been installed and enabled, adjust the "height" parameter in the following files:


    For example, you can add the following code to your custom_style.less file:

    .carousel-inner {
    width: auto;
    height: 330px;