Okay
  Public Ticket #195238
Recent projects
Closed

Comments

  • TONTON started the conversation
    April 11, 2014 at 12:33am

    Hi there,

    Thanks for your awesome theme ! 

    I want to change the numbers of columns in the recent projects slider from 3 to 6 items. 

    I have change col span_4 to col span_2 but nothing change except the padding. Does I need to change the init.js or a js file that change the width of each element ?

    Thanks so much, I know this is custom dev but I would appreciate your help.   

  •  1,089
    ThemeNectar replied
    April 14, 2014 at 11:15am

    Hey TONTON MTL!

    Open up the init.js file and change this: 

     $('.carousel:not(".clients")').each(function(){
    	var $that = $(this); 
    	var maxCols = ($(this).parents('.carousel-wrap').attr('data-full-width') == 'true') ? 'auto' : 3 ;
    to this: 
     
 $('.carousel:not(".clients")').each(function(){
    	var $that = $(this); 
    	var maxCols = ($(this).parents('.carousel-wrap').attr('data-full-width') == 'true') ? 'auto' : 6 ;

    Cheers!

  • TONTON replied
    April 14, 2014 at 7:28pm

    Oh nice !

    Thanks a lot for your answer, you made my day !

  • j replied
    May 13, 2014 at 9:44pm

    did you get this to work?  when I make this edit, the columns don't change at all and when I mouse over the colored square that appears looks like it still thinks it is 3 columns.  any more advice ?

  •  8,992
    Tahir replied
    May 14, 2014 at 1:40pm

    Hey JK!

    Please check your cache and purge the server cache as the website might be loading the old init.js. 

    Thanks

    ThemeNectar Support Team 

  • Nick replied
    June 5, 2014 at 11:42am

    Hi,

    Thanks this thread answered my question about getting 4 columns rather than the standard three. But I've got a directly related question.

    On from this I instantly found the previous and next buttons would not show on a desktop browser showing 4 columns. But when you go down to a responsive layout and it alters to 3 or 2 columns the previous and next buttons appear. I can see the style display and visibility CSS change in both instances but can't work out where to alter the javascript. Assuming that's where it needs editing?

    Thanks,

    Nick.

  •  8,992
    Tahir replied
    June 6, 2014 at 12:12am

    Hey Nick!

    Can you please provide url so we can take a look .

    Thanks

    ThemeNectar Support Team 

  • Miguel replied
    July 10, 2014 at 1:58pm

    Hi!

    I also would like to use 4 instead of 3 columns, but i don't know why it's not working.

    I used your code : 
    $('.carousel:not(".clients")').each(function(){ var $that = $(this); var maxCols = ($(this).parents('.carousel-wrap').attr('data-full-width') == 'true') ? 'auto' : 4 ;

    But is still with the 3 columns, any advice?

    tks

    http://www.brandimage.co.ao

  •  1,089
    ThemeNectar replied
    July 11, 2014 at 11:23pm

    Hey Miguel!

    Since you want to alter the fullwidth display - change this: 

    var maxCols = ($(this).parents('.carousel-wrap').attr('data-full-width') == 'true') ? 'auto' : 3 ;

    to this: 

    var maxCols = ($(this).parents('.carousel-wrap').attr('data-full-width') == 'true') ? 3 : 3 ;
    Cheers

  • nikolai replied
    January 17, 2016 at 2:14am

    Hello,

    Having the same issue as Nick Pye from bellow. I\'m using the recent projects with 9 items showing at full page width. (I changed this in the js file:

    var maxCols = ($(this).parents(\'.carousel-wrap\').attr(\'data-full-width\') == \'true\') ? \'auto\' : 9 ;)

    So the items are displaying correctly, but the next/prev arrows no longer appear. I tried modifying the css, no luck.

    Thanks for the help!