Okay
  Public Ticket #247198
Increasing number of portfolio columns
Closed

Comments

  • Tony started the conversation

    Hi again. Want to first thank you for the great service last time around on a more advanced request. Hoping you can help with this one as well.

    Right now, the most columns allowed in a portfolio is 4. I need to be able to increase this to 6 for one portfolio and 9 (yes 9!) for another. They are small images, so they will fit. Also, they  both need to display on the same page (using shortcodes)

    I know that isotope can allow as many columns as you can fit in a row, so I assume the capability is there, but I understand I probably will need to edit the default portfolio functions as well as the template.

    My solution would be to just edit the existing 3 and 4 column function/template options to make them be 6 and 9. That way a new column option doesn't have to be created for the admin. And the theme will just lack support for a 3 and 4 column portfolio. I assume this is part of functions.php?

    Again, I am fairly capable with hacking JS and PHP, and am advanced with CSS and HTML, so if you can point me in the right direction to the files and sections where this part of the portfolio code is written, I should be able to figure it out. 

    Thanks again!

    Tony

  •  1,070
    ThemeNectar replied

    Hey Tony! Sorry for the delay while I was wrapping up v4.5 & 4.5.1

    This would require modding the style.css/responsive.css files for the correct column % widths and then the init.js file for the columns in isotope. In the stylesheets search for:

    .portfolio-items .col
    
    and in the javascript file search for:
    //chrome 33 approved method for getting column sizing
    

    Cheers :)

  • Tony replied

    No Problem! Thanks for taking the time all the same. I actually did figure it out through CSS, though I didn't touch the JS, I'll make sure to do that now so it's bulletproof.

    I do have one more thing I'm I'm trying to work out if you could maybe point me again in the right direction:

    The client wanted to make the portfolio meta info in portfolio style 2 pop out and hover like a bubble tool tip. (rather than slide up from the bottom and stay within the portfolio image box) I've almost got the right CSS to do it. I made the work-info-bg bigger and I can position it and also use z-index to get it right. the problem is that the other portfolio images don't seem to respond to z-index and they are above the work-info-bg so that kinda screws it up. I have no idea how to make them sit behind it. Do I need to do more than CSS for this?

  •  8,839
    Tahir replied

    Hey Tony!

    Please provide url so i can try sort out the css. 

    Thanks


    ThemeNectar Support Team 

  •   Tony replied privately
  •  1,070
    ThemeNectar replied

    Hey again Tony! Unfortunately this would require a little more css/js modding than we can practically do here - but someone at Envato Studio will defineitly be able to help you out in a timely manner :)

  •   Tony replied privately