Portfolio project

Want to increase the number of projects shown at a time in a slider. Right now only 3 images are being shown. Want to incease the number to 6 with small image sizes. 

Current situation
website support.png
1286 x 535 - 506K

Comments

  • Hi metnmat

    Yes you can do this with the help of cutsom js kinldy follow the below given instructions.

    1. Download the simple custom js and css plugin https://wordpress.org/plugins/custom-css-js/

    2. Find the js code below 

    // HOMEPAGE SLIDER
    jQuery(document).ready(function() {

    jQuery("#portfolio-carousel").owlCarousel({
    navigation : true, // Show next and prev buttons
    autoplay : 7000,
    autoplayTimeout: portfolio_settings.animationSpeed,
    autoplayHoverPause:true,
    loop:true, // loop is true up to 1199px screen.
    nav:true, // is true across all sizes
    margin:20, // margin 10px till 960 breakpoint
    autoHeight: true,
    responsiveClass:true, // Optional helper class. Add 'owl-reponsive-' + 'breakpoint' class to main element.
    items: 6,
    dots: false,
    navText: ["<i class='fa fa-chevron-left'></i>","<i class='fa fa-chevron-right'></i>"],
    /* responsive:{ 
    100:{ items:1 },
    480:{ items:1 },
    600:{ items:2 },
    768:{ items:3 },
    1000:{ items:3 }
    }*/
    });
    });

    3. Click on add a custom js and give title and add above js code in content area.

    Let me know did it work for you.

    Note: We are on DIWALI festival holidays. So we can not reply you timely.

    Thanks
    A
  • I have added but it is not working. 
  • Ignore the previous message. IT is working but now have to decrease the font size of the topics written below images.
  • There is problem when viewing in smart phone mode. What to do?
  • Hi metnmat

    Can you please share your site url so we can check and let you know.

    Note: We are on DIWALI festival holidays. So we can not reply you timely.

    Thanks
    A
Sign In or Register to comment.