Add responsive images to category second description

Add responsive images to category second description

X-Cart 5 uses responsive design out of the box. For the most part all images added to cart are responsive and adjust accordingly based on screen size.

If you are planning to add images as part of the second category description these images may not adjust if screen size changes. To make then responsive you can do one of the following to things:

 

1. When adding images assign "img-responsive" css class to them:

....

OR

2. Add new css rule in the X-Cart 5 custom css - under Look & Feel menu item:

.category-description-2 img {display: block;max-width: 100%;height: auto;}

 

Either one of these will make images added to second category description responsive.

    • Related Articles

    • How to add link to the Testimonials page in the top horizontal menu

      1. In your X-Cart 5 admin area click on the Menus link under Content menu item.   2. Add new menu item and specify Link as one of the following (either one works and both lead to the same page): - {testimonials} - cart.php?target=testimonials   3. ...
    • How to add link to the Order Status page in the top horizontal menu

      1. In your X-Cart 5 admin area click on the Menus link under Content menu item.   2. Add new menu item and specify Link as one of the following (either one works and both lead to the same page): - {order status} - cart.php?target=order_status   3. ...
    • Supported image type formats

      The Image Watermark module supports JPEG, JPG, PNG and GIF images. BMP image type images are not supported. The module uses 3rd party and GD library to manipulate images. The BMP image type is not natively supported with the GD library and the 3rd ...