Support Forum - Tag: box

Support Forum - Tag: box - Recent Posts http://www.kriesi.at/support/tags/box Support Forum - Tag: box - Recent Posts en-US Sun, 19 May 2013 23:48:57 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Nick on "Footer Decoration Lines & Portfolio styling" http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-112223 Sun, 19 May 2013 15:17:38 +0000 Nick 112223@http://www.kriesi.at/support/ Hi, Actually add this to end of your functions.php file <pre><code>add_filter('widget_title', 'my_change_title'); function my_change_title($title='') { $ttitle = "<div style=\"padding-bottom:10px\" class=\"av-special-heading avia-builder-el-1 el_after_av_portfolio avia-builder-el-last \">"; $ttitle .= "$title"; $ttitle .= "<div class=\"special-heading-border\">"; $ttitle .= "<div class=\"special-heading-inner-border\">"; $ttitle .= "</div>"; $ttitle .= "</div>"; $ttitle .= "</div>"; return $ttitle; }</code></pre> Thanks, Nick andypeck on "Footer Decoration Lines & Portfolio styling" http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-112057 Fri, 17 May 2013 20:42:28 +0000 andypeck 112057@http://www.kriesi.at/support/ Brilliant Nick... Ill give it a go. Big Thanks Nick on "Footer Decoration Lines & Portfolio styling" http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-111965 Fri, 17 May 2013 16:17:42 +0000 Nick 111965@http://www.kriesi.at/support/ Hi, That is an advanced layout editor component called Special Heading using the default style. <a href="http://www.clipular.com/c?6080052=hDO5fTzvwTw1FQ2vFXkx_-7KFKI&f=.png" rel="nofollow">http://www.clipular.com/c?6080052=hDO5fTzvwTw1FQ2vFXkx_-7KFKI&f=.png</a> This is how it looks when you view source. <pre><code><div style="padding-bottom:10px" class="av-special-heading avia-builder-el-1 el_after_av_portfolio avia-builder-el-last "> <h1>Hello</h1> <div class="special-heading-border"> <div class="special-heading-inner-border"> </div> </div> </div></code></pre> So copy that block, open up footer.php and put it where you want. Just change the Hello part to whatever you need it to say. Thanks, Nick andypeck on "Footer Decoration Lines & Portfolio styling" http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-111629 Thu, 16 May 2013 11:24:15 +0000 andypeck 111629@http://www.kriesi.at/support/ Thanks for getting back to me but what im after is a replica of what you use for a shortcode where the line extends to the right of the headline text. On the enfold demo site theres an example pages drop down and one of these is called ABOUT US. If you look, theres a heading called WELCOME AT OUR AGENCY and the type of line im referring to is there (next to it, flowing across to width of the column) How can I do this in the FOOTER WIDGET headings? Cheers Ismael on "Footer Decoration Lines & Portfolio styling" http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-111521 Thu, 16 May 2013 00:38:51 +0000 Ismael 111521@http://www.kriesi.at/support/ Hi, Please try this <pre><code>.widgettitle { border-bottom: 1px dotted white; padding-bottom: 10px; }</code></pre> It will create a dotted line below the widget title. For more border styles, please refer to this link <a href="http://www.w3schools.com/css/css_border.asp" rel="nofollow">http://www.w3schools.com/css/css_border.asp</a> Regards, Ismael andypeck on "Footer Decoration Lines & Portfolio styling" http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-111413 Wed, 15 May 2013 16:16:05 +0000 andypeck 111413@http://www.kriesi.at/support/ Thanks. The first bit is great although I think you may have not quite understood my question about the footer. I dont want a line to span across all three widgets as I realise that would require alot of work. What im after is to add a bit of decoration by applying a middle horizontal line after a widget title that 'only' spans the width of the individual widget. Therefore the end result would be WIDGET 1 TITLE followed by a decorative line....[Column GAP]....WIDGET 2 TITLE followed by a decorative line....[Column GAP]....WIDGET 3 TITLE followed by a decorative line. I want it to behave the same as the shortcodes you supply but obviously I appreciate this would be CSS code instead. Can you help? Cheers Andy Devin on "Footer Decoration Lines & Portfolio styling" http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-111382 Wed, 15 May 2013 13:47:26 +0000 Devin 111382@http://www.kriesi.at/support/ Hi Andy 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: <pre><code>#top .grid-entry .inner-entry { background: #333; box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2); /*border on portfolio items*/ }</code></pre> and <pre><code>#top .grid-entry-title { background-color: #333; /*bg of title for portfolio item*/ color: #fff; /*color of title text*/ }</code></pre> The footer issue is most likely not possible without quite a bit of tweaking. Since each footer section doesn't actually touch the one next to it, you would need to re-do that grid section to allow a line to extend past the edge of the actual widget. Regards, Devin andypeck on "Footer Decoration Lines & Portfolio styling" http://www.kriesi.at/support/topic/footer-decoration-lines-portfolio-styling#post-111106 Tue, 14 May 2013 12:08:53 +0000 andypeck 111106@http://www.kriesi.at/support/ Hi there, PORTFOLIO Ive been trying everything but I cant seem to adjust the grid text font colors and the box background colours. Its inheriting the parameters from the Enfold Styling but I need to change it as its on a different background. As a test could it be totally be removed (thus leaving only a grid of images) and the descriptor text placed on a rollover in grid box itself (over the corresponding image)? In the Portfolio itself, where is the grid box rollover 'curved arrow' kept and can I change this for my own graphic? FOOTER Id like to put a decorative line (as used on the other codes for things like a portfolio grid etc) next to each Footer Widget. I have x3 widgets in the footer and each has a title. Id like a single line to extend to the right to fill the space to the right for the entire column width Cheers Andy Nick on "BBPress 2.3 Upgrade Alignment Issue" http://www.kriesi.at/support/topic/bbpress-23-upgrade-alignment-issue#post-106013 Thu, 18 Apr 2013 07:00:19 +0000 Nick 106013@http://www.kriesi.at/support/ Your website looks alright websitesbeyond, but the logo doesn't fit the vibe of the skin. You might as well take Kriesi's logo color scheme too since that pink and purple somehow feel rough on the eyes. Nice job with making it responsive. Nick WebsitesBeyond on "BBPress 2.3 Upgrade Alignment Issue" http://www.kriesi.at/support/topic/bbpress-23-upgrade-alignment-issue#post-105813 Tue, 16 Apr 2013 23:27:49 +0000 WebsitesBeyond 105813@http://www.kriesi.at/support/ Hello, I have reviewed your page and ran into the same issue. If you are looking to align the search box with the search button, insert the following code into the quick css field: <pre><code>input-text, input[type="text"], input[type="input"], input[type="password"], input[type="email"], textarea, select { display: inline-block; }</code></pre> I have successfully completed this here: <a href="http://websitesbeyond.com/support" rel="nofollow">http://websitesbeyond.com/support</a> Dude on "BBPress 2.3 Upgrade Alignment Issue" http://www.kriesi.at/support/topic/bbpress-23-upgrade-alignment-issue#post-105585 Mon, 15 Apr 2013 06:21:02 +0000 Dude 105585@http://www.kriesi.at/support/ Hi! Please insert following code into the quick css field: <pre><code>form.bbp-login-form, form#bbp-search-form{ float: right; }</code></pre> Best regards, Peter ehong33234 on "BBPress 2.3 Upgrade Alignment Issue" http://www.kriesi.at/support/topic/bbpress-23-upgrade-alignment-issue#post-105575 Mon, 15 Apr 2013 05:02:31 +0000 ehong33234 105575@http://www.kriesi.at/support/ Just upgraded to the BBPress 2.3 version. The built in search bar/button and login fields are aligned improperly. How could I get everything aligned to the right? Code help please... <a href="http://goo.gl/zO9qy" rel="nofollow">http://goo.gl/zO9qy</a> Thanks! Nick on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-95320 Tue, 05 Feb 2013 17:39:08 +0000 Nick 95320@http://www.kriesi.at/support/ Hi, Oh, I didn't know you wanted that look. Most people demand that everything is lined up and symmetrical. Personally I prefer the pinterest look like you have. Glad that you found what you were looking for, and I do recommend you check out that Developer Tools extension for the Google browser, it will make your day! Thanks, Nick sitesme on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-95316 Tue, 05 Feb 2013 17:20:04 +0000 sitesme 95316@http://www.kriesi.at/support/ I found exactly what I want: <a href="http://d.pr/i/dYDH/3bQ5ejy3" rel="nofollow">http://d.pr/i/dYDH/3bQ5ejy3</a> The height displayed here is great and all I need... sitesme on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-95314 Tue, 05 Feb 2013 17:17:36 +0000 sitesme 95314@http://www.kriesi.at/support/ Hi Nick, I still can't find the result I was expecting; I got the image aligned to the top of the thumb's container, but I still don't see the container increasing its size. This is the height I would like to see for all portfolio items (in red box): <a href="http://d.pr/i/tRZh/5CvRXkGS" rel="nofollow">http://d.pr/i/tRZh/5CvRXkGS</a> How can I increase the image height only on the 3-column portfolio page? Many thanks Nick on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-95282 Tue, 05 Feb 2013 15:07:03 +0000 Nick 95282@http://www.kriesi.at/support/ hi, I replied to your email about the url. <edit> I found the url. Your images are stil all of differnt heights, so the shorter ones look different then the taller. You can use this to pull images up, but they are all different height so its up to you how much you want to add there, right now this attribute is not in the code so you can try between 0px to -120px <pre><code>#top .slideshow li img { top: -60px; }</code></pre> This controls the row height. <pre><code>.portfolio-wrap .inner-entry { min-height: 110px; /* current value */ }</code></pre> Your best bet is to install Google Developer Tools and to use them to tweak the values and then copy straight from there and just add to your custom.css ., its quite easy just time consuming. Thanks, Nick sitesme on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-95053 Mon, 04 Feb 2013 16:41:08 +0000 sitesme 95053@http://www.kriesi.at/support/ Ok, the fix to not crop the thumbs was easier than I thought. Just replaced this code on line 32 inside loop-portfolio.php: <code>case "3": $grid = 'one_third'; $image_size = 'fullsize'; break;</code> Now, I just need to increase the height of the thumb area to something like the red box here: <a href="http://d.pr/i/jC0t/2aeZQeBe" rel="nofollow">http://d.pr/i/jC0t/2aeZQeBe</a> What CSS code controls the height there? Thank you Nick on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-94851 Sun, 03 Feb 2013 19:52:42 +0000 Nick 94851@http://www.kriesi.at/support/ Hi, So what you would need to do is replace lines 69-70 of functions.php which look like <pre><code>$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ,'copy'=>'greyscale'); // images for portfolio entries (2,3 column) $avia_config['imgSize']['portfolio_small'] = array('width'=>241, 'height'=>179 ,'copy'=>'greyscale'); // images for portfolio 4 columns</code></pre> and have them look like <pre><code>$avia_config['imgSize']['portfolio'] = array('width'=>241, 'height'=>179 ,'copy'=>'greyscale'); // images for portfolio entries (2,3 column) $avia_config['imgSize']['portfolio_small'] = array('width'=>241, 'height'=>179 ,'copy'=>'greyscale'); // images for portfolio 4 columns</code></pre> Just remember that this by itself will not do anything, you will need to regenerate or re-upload the images. Thanks, Nick Nick on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-94433 Fri, 01 Feb 2013 01:08:53 +0000 Nick 94433@http://www.kriesi.at/support/ Hi, You added css after the fix i gave you which made my css invalid because of the cascade rules. But your images get cropped anyhow during the upload: <removed> ... the edges are cut off, which means you are uploading the images in different aspect ratio then 495x400 What width/height are those images before you upload them? Does every image have the same width/height as every other image on that page before you upload them? *Always upload images that are proportionally larger than the size they will shrink to (495x400) 3-4 column portfolio thumbs have a constraint of 495x400 (defined in functions.php on line 69). So that means you need to either: (a) change the width and height on line 69 so that it proportionally matches the height and width of your images before you upload them [all images must have the same width and height, so if image1 is 600w-400h that is the size all images need to be] or (b) change the aspect ratio of images you are uploading to be proportional to 495x400. The way to do it is to take the width of your image before you upload it, and put it in a formula: ---important formula--- (400 * width of your images before upload) / 495 = (height your image must be so it's proportional) If all your images have (for example) 992 width and 723 height before you upload them, you will need to see if that aspect ratio is proportional to 495x400 using the formula above. So take the width of your image (lets say 992) and plug it into the formula (400*992)/495 = height height = 802 so 495x400 is proportional to 992x802, while your image is 992x723. This wont work since 723 is smaller than 802 and its easier to cut then to add 79 pixels of height to 723 to make it proportional. So now we see what is proportional to 495x400 if we keep the height. we use the same formula (400*proportional width)/495 = 723 proportional width = ( 723 * 495 ) / 400 proportional width = 895 The size of the initial image is 992 width x 723 height, so all you need to do is crop 992 down to 895 using graphic software while not touching the height until you are uploading 895x723 which will perfectly scale down to 495x400 without any cropping. Thanks, Nick sitesme on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-94251 Thu, 31 Jan 2013 05:26:56 +0000 sitesme 94251@http://www.kriesi.at/support/ Thanks Nick, That fixed my first issue, but I'm still struggling with the portfolio items being cut. Please check this 3-column portfolio thumb: <a href="http://d.pr/i/GhlR/1CI0wN3B" rel="nofollow">http://d.pr/i/GhlR/1CI0wN3B</a> and compare the same with the 4-column layout: <a href="http://d.pr/i/CkXI/5K0SDIPC" rel="nofollow">http://d.pr/i/CkXI/5K0SDIPC</a> I would like to reproduce the same effect as it is in the 4-column layout: it resizes the image to the top + sides and then cut the bottom if the proportion doesn't fit. This is how I would like to have it. Any thoughts on this? Thanks. Nick on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-94198 Wed, 30 Jan 2013 18:52:55 +0000 Nick 94198@http://www.kriesi.at/support/ Hi, Please try adding this to custom.css , at the end of the file; or end of Quick CSS located in Choices > Theme Options > Styless .. text area on bottom of the page: .. The 47 is the height you don't like so try something closer to 0. The -5 is the tight distance between the two texts residing between the 2 lines of text on the same area. <pre><code>#top .inner-entry .portfolio_excerpt { margin-top: -5px; min-height: 10px; /*was 47px*/ } #top .slideshow li img { top: -20px; /*pulls image out of its sleeve*/ }</code></pre> Thanks, Nick sitesme on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-94100 Wed, 30 Jan 2013 06:54:34 +0000 sitesme 94100@http://www.kriesi.at/support/ Hi Nick, Sorry, the URL is here: <a href="http://d.pr/821u/3vxiHzgj" rel="nofollow">http://d.pr/821u/3vxiHzgj</a> Thank you Nick on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-94052 Wed, 30 Jan 2013 02:00:56 +0000 Nick 94052@http://www.kriesi.at/support/ Hi, I see a bad url <a href="http://www.clipular.com/c?1760808=F9OpQcsNWxY_XeVu5Jq_jmuERxM" rel="nofollow">http://www.clipular.com/c?1760808=F9OpQcsNWxY_XeVu5Jq_jmuERxM</a> Please provide a url to your live website. We will need to see the code in order to help you. You can use <a href="http://www.goo.gl" rel="nofollow">http://www.goo.gl</a> to hide the url Thanks Nick sitesme on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-93899 Tue, 29 Jan 2013 08:59:51 +0000 sitesme 93899@http://www.kriesi.at/support/ Hi Ismael, Please look into the website with 3-column <a href="http://d.pr/ZQz6/3PywXRoN" rel="nofollow">http://d.pr/ZQz6/3PywXRoN</a> Many thanks Ismael on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-93874 Tue, 29 Jan 2013 05:57:49 +0000 Ismael 93874@http://www.kriesi.at/support/ Hi sitesme, Can you post a link to your site? so we can check the issue further, Regards, Ismael sitesme on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-93770 Mon, 28 Jan 2013 17:55:00 +0000 sitesme 93770@http://www.kriesi.at/support/ Regarding issue number 1: Still need help on: How can decrease the height here? <a href="http://d.pr/i/fT1B/3Bi66ZGN" rel="nofollow">http://d.pr/i/fT1B/3Bi66ZGN</a> Regarding issue number 2: I think I figured out that title is showing below the thumbnail. It appears the problem is with the size of the thumbnail: it cuts the bottom part of it. Therefore, I would like to know how can I increase the thumb height in the 3-column portfolio? I have the 4-column working perfectly. Thank you sitesme on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-93768 Mon, 28 Jan 2013 17:38:03 +0000 sitesme 93768@http://www.kriesi.at/support/ A second question please: In the 3-column portfolio I see the grey section (where the title and excerpt goes) is on top of the thumbnail (portfolio item). Is there a way have the title and excerpt with the grey section BELOW the thumbnail so the image can be totally visible by default? Thank you sitesme on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-93749 Mon, 28 Jan 2013 17:01:16 +0000 sitesme 93749@http://www.kriesi.at/support/ Thank you Ismael, The issue now is the bottom section below the excerpt, there is too much empty space. How can decrease the height here? <a href="http://d.pr/i/fT1B/3Bi66ZGN" rel="nofollow">http://d.pr/i/fT1B/3Bi66ZGN</a> Thank you Ismael on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-93651 Mon, 28 Jan 2013 01:07:25 +0000 Ismael 93651@http://www.kriesi.at/support/ Hi, Please place this on your custom.css <pre><code>.portfolio-wrap .inner-entry { min-height: 246px; }</code></pre> Adjust the min-height value if needed. Remove browser history / cache then reload page. Regards, Ismael sitesme on "Portfolio Thumb Container (title) height" http://www.kriesi.at/support/topic/portfolio-thumb-container-title-height#post-93620 Sun, 27 Jan 2013 20:48:52 +0000 sitesme 93620@http://www.kriesi.at/support/ Hi I'm trying to have all Portfolio Thumbs grey container with the same height but if the portfolio title is too long, it goes to a second line. I'm ok with double line for the text, just want them to have all the same size. Check the sshot please: <a href="http://d.pr/i/B8Vw/4Rmsb4Jn" rel="nofollow">http://d.pr/i/B8Vw/4Rmsb4Jn</a> Thank you for helping