Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1206574
    Raphael B
    Participant

    Hi there,
    I would like to have a portfolio page with 6 columns, how can I do that?
    Also, how can I use this 6 columns layout with the “Recent Posts” shortcode (or the recent posts2 described here: https://community.theme.co/forums/topic/display-more-than-4-portfolio-items-with-recent-posts-shortcode/)?

    thanks,

    Raphael

    #1206749
    Paul R
    Moderator

    Hi Raphael,

    Thanks for writing in!

    The portfolio and recent post shortcode has a maximum limit of 4 columns only.

    Having 6 columns could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

    #1207104
    Raphael B
    Participant

    OK, thanks, can you at least point me in the right direction? Where is the code for the 4 columns layout?

    #1207659
    Rad
    Moderator

    Hi there,

    It should be on this file

    \wp-content\themes\x\framework\views\global\_portfolio.php

    Example,

    switch ( $cols ) {
      case 'One'   : $cols = 1; break;
      case 'Two'   : $cols = 2; break;
      case 'Three' : $cols = 3; break;
      case 'Four'  : $cols = 4; break;
    }
    //Overrides the above columns
    $cols = 6;

    About the recent posts shortcode, it’s not possible. It’s part of cornerstone core files, you may then use Essential Grid to replace recent posts element.

    Thanks!

    #1209836
    Raphael B
    Participant

    OK, with this I’ve added a cols-6 to the container, but when I edit the css to change the width, the items in the portfolio are smaller but still in 4 cols…
    I think I have to change some settings in isotope, I am right?
    Can you tell me where are the x config for isotope?

    thanks a lot

    #1209996
    Thai
    Moderator

    Hi There,

    Please take a look at this file: x\framework\views\global\_script-isotope-portfolio.php

    Hope it helps 🙂

  • <script> jQuery(function($){ $("#no-reply-1206574 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>