Support Forum - Tag: grid

Support Forum - Tag: grid - Recent Posts http://www.kriesi.at/support/tags/grid Support Forum - Tag: grid - Recent Posts en-US Tue, 21 May 2013 14:24:27 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Devin on "Client Logo grid with rollover links" http://www.kriesi.at/support/topic/client-logo-grid-with-rollover-links#post-111991 Fri, 17 May 2013 17:27:59 +0000 Devin 111991@http://www.kriesi.at/support/ Hey Andy, I'm glad you were able to find a workaround that will do the trick :) Regards, Devin andypeck on "Client Logo grid with rollover links" http://www.kriesi.at/support/topic/client-logo-grid-with-rollover-links#post-111644 Thu, 16 May 2013 13:49:17 +0000 andypeck 111644@http://www.kriesi.at/support/ Hi there, I found a way by creating a 6x2 image grid and then importing my own mono logo for each one. I assume I can make each box link to either a URL or my own portfolio page. Not as funky as having it switch colours but for now it works a treat. There's a nice rollover effect and a thin wire frame surrounding everything too. A work-a-round I do believe!!! Cheers as always Andy andypeck on "Client Logo grid with rollover links" http://www.kriesi.at/support/topic/client-logo-grid-with-rollover-links#post-111641 Thu, 16 May 2013 13:10:58 +0000 andypeck 111641@http://www.kriesi.at/support/ Hi there, thanks for the idea but im not sure its going to look that great - well, not without a huge investment of time and me asking dumn questions on the forum. I might give it a go if I get a moment or eight!! but im starting to think that a simple mono graphic impersonating a grid will be better for now. Damn shame as its nearly always a must for people creating a portfolio of work. Perhaps there are plugins out there. Ill take a look Thanks anyway Dude on "Client Logo grid with rollover links" http://www.kriesi.at/support/topic/client-logo-grid-with-rollover-links#post-111588 Thu, 16 May 2013 06:23:34 +0000 Dude 111588@http://www.kriesi.at/support/ Hi, 1) I'm sorry but imo it's not easily possible to add the greyscale effect to the portfolio thumbnails (at least not if you're using Enfold). I also gave a honest answer to another user. <a href="http://www.kriesi.at/support/topic/greyscale-overlay-and-shop-as-a-co-workers-page" rel="nofollow">http://www.kriesi.at/support/topic/greyscale-overlay-and-shop-as-a-co-workers-page</a> Can you point me to the post which suggest that "this would be relatively easy"? 2) 5/6 is not supported for the portfolio grid at the moment. You can select a 2,3 or 4 columns layout. You can try a workaround though - create 2 columns and add a 3 columns portfolio element to each column - it will look like: <img src="http://www.clipular.com/c?5916048=zHSCV1GGJtNMHgvvuT2yqJinLR8&f=.png" /> andypeck on "Client Logo grid with rollover links" http://www.kriesi.at/support/topic/client-logo-grid-with-rollover-links#post-111423 Wed, 15 May 2013 16:32:48 +0000 andypeck 111423@http://www.kriesi.at/support/ Oh and if the rollover effect is very complex then can someone just suggest how to set up the basics for now and ill tackle the rest later Cheers andypeck on "Client Logo grid with rollover links" http://www.kriesi.at/support/topic/client-logo-grid-with-rollover-links#post-111421 Wed, 15 May 2013 16:31:18 +0000 andypeck 111421@http://www.kriesi.at/support/ Hi there, Im doing my portfolio and I often see sites with a client grid with logo's that are links to other pages. Ideally it would be good to get an image to react on rollover and go from a greyscale image to full color or a duotone (say orange) Before I purchased the theme it was suggested that this would be relatively easy but im not sure where/how the best way to go about this. Can you suggest how to go about this and ensure everything is kept responsive I would like a 2 row grid of 5/6 colums of grey scale logo's that would turn orange on rollover and have links to other pages on the site Cheers Andy Ismael on "Portfolio Columns same as colums on page (matching Grid)" http://www.kriesi.at/support/topic/portfolio-columns-same-ap-colums-on-page-matching-grid#post-108278 Wed, 01 May 2013 20:53:24 +0000 Ismael 108278@http://www.kriesi.at/support/ Hey, Glad Peter helped. :) Regards, Ismael martinnecas on "Portfolio Columns same as colums on page (matching Grid)" http://www.kriesi.at/support/topic/portfolio-columns-same-ap-colums-on-page-matching-grid#post-108257 Wed, 01 May 2013 19:24:50 +0000 martinnecas 108257@http://www.kriesi.at/support/ Works like a charm! Thank you so much, Peter! Appreciated! Regards - Martin Dude on "Portfolio Columns same as colums on page (matching Grid)" http://www.kriesi.at/support/topic/portfolio-columns-same-ap-colums-on-page-matching-grid#post-108104 Wed, 01 May 2013 05:31:23 +0000 Dude 108104@http://www.kriesi.at/support/ Hey! Please try to insert following code into the quick css field - if necessary change the margin-left value: <pre><code>.portfolio-wrap .portfolio-sort-container.isotope .post-entry:nth-child(3n+3) { margin-left: 75px; }</code></pre> Regards, Peter martinnecas on "Portfolio Columns same as colums on page (matching Grid)" http://www.kriesi.at/support/topic/portfolio-columns-same-ap-colums-on-page-matching-grid#post-107760 Mon, 29 Apr 2013 09:07:03 +0000 martinnecas 107760@http://www.kriesi.at/support/ Hello. I need my 3 column portfolio to match a grid system in the same way as flex columns on normal page (vertical spacing between columns) . Is it possible? Look at this page build by Template Builder: <a href="http://www.landeco.cz/wordpress/" rel="nofollow">http://www.landeco.cz/wordpress/</a> At the top there is a 3-column portfolio and bellow that is a 3-column page content. And it's not matching. I already made a change to loop-portfolio.php and removed class "no_margin". But it helped only with the gap between fist and second column. Thanks for a help. Martin Dude on "Blog Layout" http://www.kriesi.at/support/topic/blog-layout-4#post-102811 Sun, 24 Mar 2013 07:02:56 +0000 Dude 102811@http://www.kriesi.at/support/ Hi! Benütze folgenden Code um den Einzug zu entfernen: <pre><code>.template-blog .six.units.entry-content{ margin-left: 0; }</code></pre> Regards, Peter Wiedenmeier on "Blog Layout" http://www.kriesi.at/support/topic/blog-layout-4#post-102598 Fri, 22 Mar 2013 08:27:05 +0000 Wiedenmeier 102598@http://www.kriesi.at/support/ Danke, jetzt hab ichs fast. nun fehlen nur noch die 30 px Einzug. Die sind irgendwo im Grid CSS, können Sie mir sagen wo genau. dann lösch ich die raus. <a href="http://fraktal-design.ch/lignoflor/?page_id=31" rel="nofollow">http://fraktal-design.ch/lignoflor/?page_id=31</a> Danke für die Hilfe! Dude on "Blog Layout" http://www.kriesi.at/support/topic/blog-layout-4#post-102585 Fri, 22 Mar 2013 07:10:28 +0000 Dude 102585@http://www.kriesi.at/support/ Hallo, das Layout so umzubauen benötigt leider schon etwas Arbeit, vor allem weil Kriesi mehrere Format Templates einbindet und man alle Templates umstellen müsste. Man kann diese Metadaten aber recht einfach verstecken. Einfach folgenden Code in das quick css Feld einfügen: <pre><code>.template-blog .three.units.blog-meta{ display: none !important; } #top .template-blog .offset-by-three { padding-left: 0; }</code></pre> Wiedenmeier on "Blog Layout" http://www.kriesi.at/support/topic/blog-layout-4#post-102440 Thu, 21 Mar 2013 13:33:16 +0000 Wiedenmeier 102440@http://www.kriesi.at/support/ Ich habe noch eine kleine Frage bezgl. des Blog Laout. Es ist mir klar, dass ihr euch Gedanken gemacht habt, etwas Spezielles zu machen. Das ganze Layout ist auch super. Bloss für ein aktuelle Projekt brauche ich eine konventionellere Darstellung. Die Meta sollten über dem Post sein, wie auch das Datum. Alles ohne Einzug und das Bild normal gleich weit wie der Post. Kann ich einen Screenshot mitsenden? Ich denke es ist nicht zu kompliziert. Ansonsten bitte ich nur um den Tipp, wie ich das Meta aus dem Post löschen kann. Danke schon im Voraus!!! Devin on "Widening Blog Posts: Grid Problems?" http://www.kriesi.at/support/topic/widening-blog-posts-grid-problems#post-99637 Tue, 05 Mar 2013 16:41:48 +0000 Devin 99637@http://www.kriesi.at/support/ Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files: For #1 and 2 for single posts: <pre><code>#top.single-post .three.units.alpha.blog-meta { margin-right: 10px; margin-left: -10px; }</code></pre> You'll need to modify the individual post format for each post type in the includes folder. Look for: <pre><code>echo ''.__('by ','avia_framework'); the_author_posts_link(); echo '';</code></pre> change it to: <pre><code>echo ''.__('by ','avia_framework'); the_author_posts_link(); echo ''; ?> <?php echo get_the_date(); ?></code></pre> Make sure to delete the following a bit further down so you don't get two dates: <code><?php echo get_the_date(); ?></code> Then you'll need to add some new css to position it: <pre><code>.template-blog .date-container { font-size: 11px; text-transform: uppercase; position: relative; top: auto; }</code></pre> That should do it, but it might take some additional adjustment here and there. If you have any other questions, just make a new topic and we'll do our best to help :) Regards, Devin TheAlluringArtist on "Widening Blog Posts: Grid Problems?" http://www.kriesi.at/support/topic/widening-blog-posts-grid-problems#post-99527 Tue, 05 Mar 2013 06:10:19 +0000 TheAlluringArtist 99527@http://www.kriesi.at/support/ Actually, yes I do. :D While we're on this... 1. How do I increase the padding between the body text and the separator to the right of the flag and post information? 2. How can I move the flag and post info a little further to the left? 3. I'd like to put the date below the flag with the rest of the post information. Is that possible? If so, how? I'm sorry... I'm such a pest. I get on these weird little changes here and there and it drives me bonkers. :D Devin on "Widening Blog Posts: Grid Problems?" http://www.kriesi.at/support/topic/widening-blog-posts-grid-problems#post-99435 Mon, 04 Mar 2013 18:58:36 +0000 Devin 99435@http://www.kriesi.at/support/ Glad Isamel could help :) Let us know if you have any other questions or issues. Regards, Devin TheAlluringArtist on "Widening Blog Posts: Grid Problems?" http://www.kriesi.at/support/topic/widening-blog-posts-grid-problems#post-99367 Mon, 04 Mar 2013 15:28:40 +0000 TheAlluringArtist 99367@http://www.kriesi.at/support/ Well I'll be darned. Thank you so much! Ismael on "Widening Blog Posts: Grid Problems?" http://www.kriesi.at/support/topic/widening-blog-posts-grid-problems#post-99277 Mon, 04 Mar 2013 01:16:49 +0000 Ismael 99277@http://www.kriesi.at/support/ Hi, Open includes folder, then edit the post formats file like format-standard.php, find this code <pre><code> <div class="three units alpha blog-meta meta-color"> <div class='post-format primary-background flag'> '> </div> <div class='blog-inner-meta extralight-border'> <?php if(comments_open() || get_comments_number()) { echo ""; comments_popup_link(__('this entry has','avia_framework')." 0 ".__('Comments','avia_framework')."", __('this entry has','avia_framework')." 1 ".__('Comment' ,'avia_framework')."", __('this entry has','avia_framework')." % ".__('Comments','avia_framework')."",'comments-link', __('Comments Off' ,'avia_framework')); echo "/"; } ?> <?php $cats = get_the_category(); if(!empty($cats)) { echo ''.__('in ','avia_framework'); the_category(', '); echo ' / '; } $portfolio_cats = get_the_term_list( get_the_ID(), 'portfolio_entries', '', ', ',''); if($portfolio_cats && !is_object($portfolio_cats)) { echo ''.__('in ','avia_framework'); echo $portfolio_cats; echo ' / '; } echo ''.__('by ','avia_framework'); the_author_posts_link(); echo ''; ?> </div> </div></code></pre> Cut it and paste it below this code <code><div class="six units entry-content"></code> Regards, Ismael TheAlluringArtist on "Widening Blog Posts: Grid Problems?" http://www.kriesi.at/support/topic/widening-blog-posts-grid-problems#post-99243 Sun, 03 Mar 2013 15:52:14 +0000 TheAlluringArtist 99243@http://www.kriesi.at/support/ I'm probably crazy for wanting to do this... For the blog (both on the Blog page as well as the Individual Posts), I'm looking to change the grid a bit by widening the area for the post text to the full width of that table while using a sidebar. I have managed to widen the image to the size of the whole post as well as move the Blog Title towards the left margin. Piece of cake... What I'm having trouble with is the gap between the post information (the place where author, category, etc sit). If I change the information that controls the width of the text's table, it puts itself below the post information. If I change the width of the post information, it moves the sidebar. I'm really not sure what the sidebar and the post information have to do with one another so it's kind of driving me bonkers. You can see what I'm talking about here: <a href="http://thefreakygeeks.com/2013/02/fifty-shades-of-stupid/" rel="nofollow">http://thefreakygeeks.com/2013/02/fifty-shades-of-stupid/</a> I'd like the text to sit next to the post information as well as wrap down and fill the width of the post table. I hope that made sense... I'm not always savvy on the technical terms. Ismael on "Display blog posts in a grid, with appearance similar to woocommerce plugin" http://www.kriesi.at/support/topic/display-blog-posts-in-a-grid-with-appearance-similar-to-woocommerce-plugin#post-92357 Sat, 19 Jan 2013 02:14:49 +0000 Ismael 92357@http://www.kriesi.at/support/ Hey, Glad you made it worked. ;) Rgards, Ismael twpham on "Display blog posts in a grid, with appearance similar to woocommerce plugin" http://www.kriesi.at/support/topic/display-blog-posts-in-a-grid-with-appearance-similar-to-woocommerce-plugin#post-92320 Fri, 18 Jan 2013 19:55:46 +0000 twpham 92320@http://www.kriesi.at/support/ Thank you! I am really impressed by the capabilities and flexibility of this theme. Ismael on "Display blog posts in a grid, with appearance similar to woocommerce plugin" http://www.kriesi.at/support/topic/display-blog-posts-in-a-grid-with-appearance-similar-to-woocommerce-plugin#post-91402 Mon, 14 Jan 2013 00:55:23 +0000 Ismael 91402@http://www.kriesi.at/support/ Hi, On the Template Builder, insert the column element. Try to follow these options. Select how many columns you want to display, then choose the column width and content: 4 Columns Column Content: "Post from category" Post from Category: Select the category How do you want to display the post?: Preview image and post title. If you insert two or more column element then apply the options above you will get a grid like design of blog posts much like the portfolio overview. Regards, Ismael twpham on "Display blog posts in a grid, with appearance similar to woocommerce plugin" http://www.kriesi.at/support/topic/display-blog-posts-in-a-grid-with-appearance-similar-to-woocommerce-plugin#post-91401 Mon, 14 Jan 2013 00:32:20 +0000 twpham 91401@http://www.kriesi.at/support/ I would like to keep more or less the default frontpage template, except change the bottom element to be blog posts. The template builder, however, inserts a blog element with a vertical scroll of blog posts, and I would like to display blog posts like the portfolio feature or the woocommerce plugin does, with an image-based grid format (horizontally scrollable would be great too!). How can I do this? I am relatively novice when it comes to WP development, and the backend of this theme is so "automated" that I don't know how to change much (I am accustomed to simply tweaking the stylesheet as needed). I am willing to put some serious time into figuring this out and/or money to pay for plugins if necessary, just need some help to point me in the right direction! Thank you! Nick on "Eunoia Portfolio Overview/Thumbs Layout" http://www.kriesi.at/support/topic/eunoia-portfolio-overviewthumbs-layout#post-86683 Thu, 06 Dec 2012 02:19:00 +0000 Nick 86683@http://www.kriesi.at/support/ Excellent! Glad to be of help and if you have other questions, we are always here. Enjoy the theme, Nick doa on "Eunoia Portfolio Overview/Thumbs Layout" http://www.kriesi.at/support/topic/eunoia-portfolio-overviewthumbs-layout#post-86631 Wed, 05 Dec 2012 14:24:50 +0000 doa 86631@http://www.kriesi.at/support/ Hi Nick, Thanks for the useful hint. This pointed me in the right direction. I finally solved is this way: <code> ".portfolio-sort-container { width: 93%; margin-left: 3.5%; } #top .portfolio-wrap { clear: both; width: 100%; position: relative; margin-top: 0px; background: rgb(245, 245, 245); border-bottom-width:.5em; border-bottom-style:solid; border-color:#4f4f4f; padding-bottom:2.5em; } #top .one_third .slideshow, #top .one_fourth .slideshow li img { width: 95%; padding:2.5%; }" </code> Best regards, Marcus Nick on "Eunoia Portfolio Overview/Thumbs Layout" http://www.kriesi.at/support/topic/eunoia-portfolio-overviewthumbs-layout#post-86595 Wed, 05 Dec 2012 09:30:12 +0000 Nick 86595@http://www.kriesi.at/support/ Hi, Try this either in custom.css or in Quick CSS located in Eunoia > Theme Options > Style ... on the bottom of the page <pre><code>#top .slideshow li img { width: 95%; } #top .flex_column .portfolio-title { display: none; }</code></pre> Without actually seeing what you have its difficult guessing. Please provide a URL so this becomes less abstract and so we can get you up and running as quickly as possible. Thanks Nick doa on "Eunoia Portfolio Overview/Thumbs Layout" http://www.kriesi.at/support/topic/eunoia-portfolio-overviewthumbs-layout#post-86481 Tue, 04 Dec 2012 18:10:48 +0000 doa 86481@http://www.kriesi.at/support/ Hi there, I'm stuck here: this is the status quo: <a href="http://i54.photobucket.com/albums/g86/d-baser/statusquo.png" rel="nofollow">http://i54.photobucket.com/albums/g86/d-baser/statusquo.png</a> and thats what i try to get: <a href="http://i54.photobucket.com/albums/g86/d-baser/wishful_thinking.jpg" rel="nofollow">http://i54.photobucket.com/albums/g86/d-baser/wishful_thinking.jpg</a> I would like to have the portfolio thumbs on a white Background with a fixed spacing between thumbs. Should work in responsive mode and also with 3 or two columns. thanks in advance for any hint! doa rita01 on "Portfolio single entries with sidebar (dynamic template)" http://www.kriesi.at/support/topic/portfolio-single-entries-with-sidebar-and-widget-issue#post-77135 Mon, 24 Sep 2012 16:11:52 +0000 rita01 77135@http://www.kriesi.at/support/ Thank you Nick, I understand that it's a lot of stuff. Regards Nick on "Portfolio single entries with sidebar (dynamic template)" http://www.kriesi.at/support/topic/portfolio-single-entries-with-sidebar-and-widget-issue#post-76946 Sat, 22 Sep 2012 23:30:35 +0000 Nick 76946@http://www.kriesi.at/support/ Hi, In this theme unfortunately the portfolio item page doesn't have a right sidebar. Its possible to add it, if the right vertical column which currently lists the portfolio item properties is moved someplace else, but since the theme is responsive, it will have to be changed in all 4 media queries for mobiles , tablets , etc.. I just tried using a plugin to force a sidebar into the area but it didn't work as expected. If its integral to your business, I would suggest hiring a freelance developer. However I i will take another look to see if some corners can get cut to get the sidebar installed. Thanks, Nick