Title: Container changes
Last modified: March 16, 2021

---

# Container changes

 *  [semanticcons](https://wordpress.org/support/users/semanticcons/)
 * (@semanticcons)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/container-changes/)
 * Hi I would like to change the container width, as you can see from the image 
   it is too narrow and you have to scroll to see the top section (assigned to) 
   etc. It also just looks a bit bunched up. Any help appreciated
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcontainer-changes%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Contributor [Thomas](https://wordpress.org/support/users/tlartaud/)
 * (@tlartaud)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/container-changes/#post-14200340)
 * Hi,
 * Those tiles are managed by [jQuery Slick](https://kenwheeler.github.io/slick/).
   The code managing it is located in **customer-area/skins/frontend/master/assets/
   js/main.js**, line 584:
 *     ```
       // Responsive JS Slider
                       if ($.isFunction($.fn.slick)) {
                           var slickSlider = $('.cuar-js-slick-responsive', $wrapperJS);
                           if (slickSlider.length) {
                               var slickSlidesCount = slickSlider.find('.cuar-js-slick-slide-item').length;
                               slickSlider.slick({
                                   autoplay: false,
                                   centerMode: true,
                                   respondTo: 'slider',
                                   adaptiveHeight: false,
                                   speed: 300,
                                   arrows: true,
                                   slidesToShow: (slickSlidesCount < 4 ? slickSlidesCount : 4),
                                   slidesToScroll: (slickSlidesCount < 4 ? slickSlidesCount : 4),
                                   responsive: [{
                                       breakpoint: 1024,
                                       settings: {
                                           slidesToShow: (slickSlidesCount < 3 ? 2 : 3),
                                           slidesToScroll: (slickSlidesCount < 3 ? 2 : 3),
                                           infinite: true,
                                           dots: true
                                       }
                                   }, {
                                       breakpoint: 880,
                                       settings: {
                                           slidesToShow: (slickSlidesCount < 2 ? 1 : 2),
                                           slidesToScroll: (slickSlidesCount < 2 ? 1 : 2)
                                       }
                                   }, {
                                       breakpoint: 480,
                                       settings: {
                                           slidesToShow: 1,
                                           slidesToScroll: 1
                                       }
                                   }]
                               });
                           }
                       }
       ```
   
 * Basically, you would need to :
    – Create a custom WP Plugin – Add a JS file including
   this code you customized and load it on WPCA single posts – Copy/edit the template
   containing the slider HTML (do not hesitate to ask if you don’t have access to
   the template system documentation, since our site is actually off) and change**
   cuar-js-slick-responsive** to something you customize like **custom-cuar-js-slick-
   responsive**. That way, you can bind your own function to the slider, and map
   your own parameters for each screen size.
 * Best regards.
    -  This reply was modified 5 years, 2 months ago by [Thomas](https://wordpress.org/support/users/tlartaud/).

Viewing 1 replies (of 1 total)

The topic ‘Container changes’ is closed to new replies.

 * ![](https://ps.w.org/customer-area/assets/icon-256x256.png?rev=1288039)
 * [WP Customer Area](https://wordpress.org/plugins/customer-area/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/customer-area/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/customer-area/)
 * [Active Topics](https://wordpress.org/support/plugin/customer-area/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/customer-area/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/customer-area/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Thomas](https://wordpress.org/support/users/tlartaud/)
 * Last activity: [5 years, 2 months ago](https://wordpress.org/support/topic/container-changes/#post-14200340)
 * Status: not resolved