Support Forum - Topic: 5 columns portfolio

Support Forum - Topic: 5 columns portfolio http://www.kriesi.at/support/topic/5-columns-portfolio Support Forum - Topic: 5 columns portfolio en-US Wed, 19 Jun 2013 02:33:55 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Devin on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-75617 Wed, 12 Sep 2012 18:53:43 +0000 Devin 75617@http://www.kriesi.at/support/ That is the trade off for forcing the addition of another column. The css rule: <pre><code>ajax_portfolio.one_fourth { width: 20% !important; }</code></pre> Says that the one_fourth item should always be 20% width no matter what. So when the media query gets to the mobile size it is still being told to stay at 20% width instead of growing to fill the entire column. You could potentially apply the same thing that was done with the footer to the portfolio and add in a new case for it in includes>loop-portfolio.php but there would be some deeper css customization needed to then change the theme to be responsive as well. At that point however we can't really provide all the needed changes since it starts to get pretty time consuming to add everything in completely. If you aren't comfortable going that route alone, it should only take a freelance web developer 2 hours or so to implement. Regards, Devin dmc vi on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-75614 Wed, 12 Sep 2012 18:29:58 +0000 dmc vi 75614@http://www.kriesi.at/support/ we've testet chrome, ff15, safari. just compare the portfolio behaviour with the one of the original theme. the theme normaly stacks the portfolio items, when reaching the phone media query. but with the replaced code this stacking isn't working anymore. if your not familiar with isotope funktion – maybe kriesi himsel can provide a fix. Devin on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-75612 Wed, 12 Sep 2012 18:06:14 +0000 Devin 75612@http://www.kriesi.at/support/ What browser are you not seeing the responsive layout work? I've tested in Firefox, Chrome and IE9. If you are referring to the footer, once you get down to the mobile views it no longer spans multiple columns but instead will turn into a single column and each widget area goes one after the other. As for the loading, I'm not aware of a way to fix that easily as I'm not familiar with the details of the isotope function. Regards, Devin dmc vi on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-75610 Wed, 12 Sep 2012 17:32:44 +0000 dmc vi 75610@http://www.kriesi.at/support/ hi, devin i don't see the portfolio problem solved. the portfolio loads as a 4-column portfolio, at the end the 5th item jumps up. and it is not responsive. Devin on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-75589 Wed, 12 Sep 2012 16:17:30 +0000 Devin 75589@http://www.kriesi.at/support/ Hi dmc vi, When I viewed the site I didn't see any issues with the portfolio so I thought it was solved. I see now that you asked for a different request for the footer. You can do basically the same thing for the footer that you did with the portfolio by adding the option for the admin in register-admin-options.php and changing: <pre><code>$avia_elements[] = array( "slug" => "footer", "name" => "Footer Columns", "desc" => "How many colmns should be diplayed in your footer", "id" => "footer_columns", "type" => "select", "std" => "4", "subtype" => array('1'=>'1','2'=>'2','3'=>'3','4'=>'4','5'=>'5'));</code></pre> to <pre><code>$avia_elements[] = array( "slug" => "footer", "name" => "Footer Columns", "desc" => "How many colmns should be diplayed in your footer", "id" => "footer_columns", "type" => "select", "std" => "4", "subtype" => array('1'=>'1','2'=>'2','3'=>'3','4'=>'4','5'=>'5','6'=>'6'));</code></pre> Then in your footer.php changing: <code>case 5: $class = 'one_fifth'; break;</code> to <pre><code>case 5: $class = 'one_fifth'; break; case 6: $class = 'one_sixth'; break;</code></pre> Regards, Devin dmc vi on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-75457 Tue, 11 Sep 2012 19:19:01 +0000 dmc vi 75457@http://www.kriesi.at/support/ hi, devin, have you received my mail according to the angular 6-row portfolio, sent to you four days ago? maybe you can confirm the receipt. regards. Devin on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-74385 Tue, 04 Sep 2012 19:46:56 +0000 Devin 74385@http://www.kriesi.at/support/ Hi dmc vi, You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn't grab it :) Regards, Devin dmc vi on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-73942 Sat, 01 Sep 2012 12:59:47 +0000 dmc vi 73942@http://www.kriesi.at/support/ sorry for the delay. yes, i can provide a link. but the site is secured via htaccess. how can i submit a link and htaccess-login nonopenly? we have managed to setup a 5-column-portfolio. though when loading, it starts as a 4-column, at least the fifth portfolio item jumps up in line. and it does not work as a responsive layout anymore. Dude on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-70599 Sat, 11 Aug 2012 15:20:06 +0000 Dude 70599@http://www.kriesi.at/support/ Hi! Can you post a link please? Regards, Peter dmc vi on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-70531 Fri, 10 Aug 2012 21:26:51 +0000 dmc vi 70531@http://www.kriesi.at/support/ unfortunately tis does work out. instead of 6 columns side by side, i have one column left with all widgets, one below the other … Dude on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-69524 Mon, 06 Aug 2012 05:43:54 +0000 Dude 69524@http://www.kriesi.at/support/ In angular\includes\admin\register-admin-options.php replace: <pre><code>$avia_elements[] = array( "slug" => "footer", "name" => "Footer Columns", "desc" => "How many colmns should be diplayed in your footer", "id" => "footer_columns", "type" => "select", "std" => "4", "subtype" => array('1'=>'1','2'=>'2','3'=>'3','4'=>'4','5'=>'5'));</code></pre> with: <pre><code>$avia_elements[] = array( "slug" => "footer", "name" => "Footer Columns", "desc" => "How many colmns should be diplayed in your footer", "id" => "footer_columns", "type" => "select", "std" => "4", "subtype" => array('1'=>'1','2'=>'2','3'=>'3','4'=>'4','5'=>'5','6'=>'6'));</code></pre> Afterwards select the 6 column option in the option panel and open up footer.php - replace: <pre><code>case 5: $class = 'one_fifth'; break;</code></pre> with: <pre><code>case 5: $class = 'one_fifth'; break; case 6: $class = 'one_sixth'; break;</code></pre> Then add following code to css/custom.css custom.css: <pre><code>div .one_sixth { float: left; margin-left: 4%; overflow: hidden; position: relative; width: 16.66%; }</code></pre> dmc vi on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-69510 Mon, 06 Aug 2012 04:21:54 +0000 dmc vi 69510@http://www.kriesi.at/support/ what we need too, is a 6 column-footer-area. how this can be done? dmc vi on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-69508 Mon, 06 Aug 2012 04:17:25 +0000 dmc vi 69508@http://www.kriesi.at/support/ thanks, ismael, off course i did changed percentage down to 16.6 before. :) Ismael on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-69381 Sun, 05 Aug 2012 02:21:21 +0000 Ismael 69381@http://www.kriesi.at/support/ Hi dmc vi, I am assuming that instead of 5, you want to make it 6 columns. You still need to set up your portfolio to 4 columns and replace this code in your Quick CSS: (5 columns): <pre><code>.ajax_portfolio.one_fourth { width: 20%!important; }</code></pre> Replace it with this code: (6 columns) <pre><code>.ajax_portfolio.one_fourth { width: 16.66% !important; }</code></pre> we just divide 100% by 6. Hope this helps. :) Regards, Ismael dmc vi on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-69317 Sat, 04 Aug 2012 07:57:28 +0000 dmc vi 69317@http://www.kriesi.at/support/ this will take 'til next week. it is now hostet via mamp on my local computer. (in the meanwhile i can provide some screenshots). what we need too, is a 6 column-footer-area. how this can be done? Ismael on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-69177 Fri, 03 Aug 2012 06:40:20 +0000 Ismael 69177@http://www.kriesi.at/support/ Hi DMC01Wien, Can you post a link to your site? so we can check it further. :) Regards, Ismael dmc vi on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-69167 Fri, 03 Aug 2012 05:05:06 +0000 dmc vi 69167@http://www.kriesi.at/support/ [edit] but this workaround not really responsive anymore. my portfolio items stay strictly arranged as 6 column grid, even within a smartphone breakpoint. how can we get it responsive again? dmc vi on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-69166 Fri, 03 Aug 2012 04:58:53 +0000 dmc vi 69166@http://www.kriesi.at/support/ thank you, ismael. the four-column-hint helped working it out :) Ismael on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-69117 Fri, 03 Aug 2012 00:21:49 +0000 Ismael 69117@http://www.kriesi.at/support/ Hello, That's weird, in my end it works, please try to remove cache and reload the page. Note: You need your portfolio setup with 4 columns. Regards, Ismael dmc vi on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-69101 Thu, 02 Aug 2012 22:42:33 +0000 dmc vi 69101@http://www.kriesi.at/support/ also looking for the possibility of a 5- and 6-column-portfolio. the postet code show no change, ismael. Ismael on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-68932 Thu, 02 Aug 2012 10:19:44 +0000 Ismael 68932@http://www.kriesi.at/support/ Hi HEPA, Try to change the above code with this code: <pre><code>.ajax_portfolio.one_fourth { width: 20%!important; }</code></pre> Hope this helps. :) Regards, Ismael HEPA on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-68925 Thu, 02 Aug 2012 09:30:25 +0000 HEPA 68925@http://www.kriesi.at/support/ Thanks Ismael, I have tried to add the code provided, but nothing changes... Ismael on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-68849 Thu, 02 Aug 2012 02:47:42 +0000 Ismael 68849@http://www.kriesi.at/support/ Hello, I think a simple css solution could work. Try this on your custom.css <pre><code>.ajax_portfolio.one_fourth { width: 20%; }</code></pre> Regards, Ismael HEPA on "5 columns portfolio" http://www.kriesi.at/support/topic/5-columns-portfolio#post-68648 Wed, 01 Aug 2012 09:43:50 +0000 HEPA 68648@http://www.kriesi.at/support/ I would like to have a 5 columns portfolio, but the options only give me a maximum of 4 columns. Would it be possible to achieve that? Thanks