Tagged: x
-
AuthorPosts
-
October 7, 2016 at 5:38 am #1206574
Raphael BParticipantHi 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
October 7, 2016 at 8:45 am #1206749
Paul RModeratorHi 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!
October 7, 2016 at 1:05 pm #1207104
Raphael BParticipantOK, thanks, can you at least point me in the right direction? Where is the code for the 4 columns layout?
October 7, 2016 at 11:22 pm #1207659
RadModeratorHi 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!
October 10, 2016 at 7:26 am #1209836
Raphael BParticipantOK, 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
October 10, 2016 at 9:37 am #1209996
ThaiModeratorHi There,
Please take a look at this file: x\framework\views\global\_script-isotope-portfolio.php
Hope it helps 🙂
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1206574 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
