http://www.kriesi.at/support/tags/corners Support Forum - Tag: corners - Recent Posts en-US Thu, 23 May 2013 17:56:42 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/round-corners-for-boxed-layout-css-dont-work#post-54946 Mon, 07 May 2012 06:11:14 +0000 Dude 54946@http://www.kriesi.at/support/ <p>Hey! </p> <p> It's quite tricky to add rounded corners to corona - you need to use following code:<br /> <pre><code>.submenu, #header{ border-radius: 11px 11px 0 0; } .boxed #wrap_all{ border-radius: 11px; } #socket { border-radius: 0 0 11px 11px; }</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/round-corners-for-boxed-layout-css-dont-work#post-54505 Thu, 03 May 2012 15:26:07 +0000 colorit2 54505@http://www.kriesi.at/support/ <p>is the CORONA forum still alive? Sorry, but I bump this again, it's already 5 days old ... </p> http://www.kriesi.at/support/topic/round-corners-for-boxed-layout-css-dont-work#post-54095 Tue, 01 May 2012 09:03:28 +0000 colorit2 54095@http://www.kriesi.at/support/ <p>I opened my site for today, although it is not yet ready:</p> <p><a href="http://tinyurl.com/7vtuj3j" rel="nofollow">http://tinyurl.com/7vtuj3j</a> </p> http://www.kriesi.at/support/topic/round-corners-for-boxed-layout-css-dont-work#post-53749 Fri, 27 Apr 2012 19:13:16 +0000 colorit2 53749@http://www.kriesi.at/support/ <p>thanks, may I send you login data, because my site is still in maintenance mode and not ready for public? Where do I sent them? </p> http://www.kriesi.at/support/topic/round-corners-for-boxed-layout-css-dont-work#post-53732 Fri, 27 Apr 2012 16:56:47 +0000 Ismael 53732@http://www.kriesi.at/support/ <p>Hi,</p> <p>Kindly post a link to your site. Thank you. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/round-corners-for-boxed-layout-css-dont-work#post-53706 Fri, 27 Apr 2012 14:12:38 +0000 colorit2 53706@http://www.kriesi.at/support/ <p>Hi,</p> <p>I have added to my custom.css</p> <p><code><br /> .boxed #wrap_all {<br /> border-color: #A0918A;<br /> border-radius: 14px 14px 14px 14px;<br /> box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);<br /> margin: 30px auto;<br /> border-color: #AAAAAA #AAAAAA -moz-use-text-color;<br /> border-style: solid solid none;<br /> border-width: 1px 1px medium;<br /> }<br /> </code></p> <p>to achieve with my boxed layout rounded corners. But this CSS have no effect at all and I don't understand why. The shadows work, but the rounded corners not:</p> <p><a href="http://i46.tinypic.com/35ioepk.jpg" rel="nofollow">http://i46.tinypic.com/35ioepk.jpg</a></p> <p>I'm not so familiar with CSS, but it seems that it its a matter of z-index, the "header" and its container prevent the "#wrap_all" container from being visible with its round corners.</p> <p>Any ideas?<br /> Thanks. </p> http://www.kriesi.at/support/topic/portfolio-item-image-border-with-round-corners#post-37905 Tue, 17 Jan 2012 09:35:09 +0000 brouge 37905@http://www.kriesi.at/support/ <p>okay here is the solution if you only want to give a border to the small images of the portfolio.</p> <p>it works if you add a class to the portfolio items.<br /> to do so go to the loop-portfolio.php and replace the line<br /> <code>&lt;div class=&#39;post-entry one_third all_sort &lt;?php echo $sort_classes.$extraClass; ?&gt;&#39;&gt;</code><br /> with<br /> <code>&lt;div class=&#39;portfolio-image post-entry one_third all_sort &lt;?php echo $sort_classes.$extraClass; ?&gt;&#39;&gt;</code></p> <p>now enter this in the custom css section of the broadscope theme:<br /> <pre><code>#top .portfolio-image .slideshow { background: #ffffff; width:239px; /* width of small portfolio images - 2 x width of the border */ border: 2px solid #35496C; border-radius: 25px; }</code></pre> <p>now you have a border around the portfolio items but when you click on them the huge feature image is still not touched.<br /> problem solved! </p> http://www.kriesi.at/support/topic/portfolio-item-image-border-with-round-corners#post-37818 Mon, 16 Jan 2012 14:46:57 +0000 brouge 37818@http://www.kriesi.at/support/ <p>hey dude i tried to set the width of the image and regenerate the thumbnails a couple of times.<br /> this doesn't solve the problem.</p> <p>i found out that each portfolio grid image has a background and you have to limitate the width of it.</p> <pre><code>#top .slideshow { background: #ffffff; width: 239px; border: 2px solid #11479F; border-radius: 25px; }</code></pre> <p>did the trick for me this time.</p> <p>there is only one annyoing thing. whenever you klick at the title of a portfolio item there single item feature image is going to be limited too.<br /> how can you keep the settings only for small portfolio images?<br /> i didn't find a class or something... </p> http://www.kriesi.at/support/topic/portfolio-item-image-border-with-round-corners#post-37806 Mon, 16 Jan 2012 13:49:44 +0000 Dude 37806@http://www.kriesi.at/support/ <p>I think this requires a thumbnail size adjustment (depending on the border size) because the border pushes the image towards the right. Maybe try to change the size of the thumbnails based on the border width (current image width/height - 2x border width). </p> http://www.kriesi.at/support/topic/portfolio-item-image-border-with-round-corners#post-37780 Mon, 16 Jan 2012 10:57:41 +0000 brouge 37780@http://www.kriesi.at/support/ <p>any news about the right border?<br /> regards </p> http://www.kriesi.at/support/topic/portfolio-item-image-border-with-round-corners#post-37567 Fri, 13 Jan 2012 10:51:52 +0000 brouge 37567@http://www.kriesi.at/support/ <p>okay i created you an admin account and sent it to your email.<br /> the site since it's designed as intern and you need a login to see the content.<br /> you can also checkout the logo problem.<br /> best regards<br /> thomas </p> http://www.kriesi.at/support/topic/portfolio-item-image-border-with-round-corners#post-37530 Fri, 13 Jan 2012 08:15:42 +0000 Dude 37530@http://www.kriesi.at/support/ <p>Hey,<br /> can you post a link please? I'll investigate the portfolio with firebug. </p> http://www.kriesi.at/support/topic/portfolio-item-image-border-with-round-corners#post-37495 Thu, 12 Jan 2012 21:17:54 +0000 brouge 37495@http://www.kriesi.at/support/ <p>thanks this is working good.</p> <p>i'd like to add some borders around the images and was thinking of<br /> <pre><code>#top .slideshow { border: 2px solid black; }</code></pre> <p>it appears on left, up and down but not at the right side of the images.<br /> how do i get this fixed?<br /> regards </p> http://www.kriesi.at/support/topic/portfolio-item-image-border-with-round-corners#post-37350 Wed, 11 Jan 2012 17:50:25 +0000 Dude 37350@http://www.kriesi.at/support/ <p>You could add css3 border corners. Use following code and adjust the radius value as required:</p> <p>#top .slideshow {<br /> border-radius: 4px;<br /> } </p> http://www.kriesi.at/support/topic/portfolio-item-image-border-with-round-corners#post-37317 Wed, 11 Jan 2012 13:50:31 +0000 brouge 37317@http://www.kriesi.at/support/ <p>hi there,</p> <p>how can i give the pictures in the portefoltio section a border with round corners?<br /> all my best<br /> b.rouge </p> http://www.kriesi.at/support/topic/how-can-i-add-rounded-corners-to-portfolio-page#post-29137 Mon, 10 Oct 2011 07:20:48 +0000 Dude 29137@http://www.kriesi.at/support/ <p>Glad that I could help you :) </p> http://www.kriesi.at/support/topic/how-can-i-add-rounded-corners-to-portfolio-page#post-29112 Mon, 10 Oct 2011 01:24:03 +0000 srosales 29112@http://www.kriesi.at/support/ <p>1.) Worked like a charm, thank you! And thanks for the heads up on the browsers.</p> <p>2.) NP, thanks, I figured as much... :) </p> http://www.kriesi.at/support/topic/how-can-i-add-rounded-corners-to-portfolio-page#post-29025 Sun, 09 Oct 2011 08:01:40 +0000 Dude 29025@http://www.kriesi.at/support/ <p>Hey,<br /> 1) You can use css3 to add rounded corners (however only newer browsers support this feature). Open up style.css and add following code:<br /> <pre><code>.portfolio_entry .box_small a img{ border-radius: 4px; }</code></pre> <p>You can increase/decrease the radius value.</p> <p>2) Adding shadows is not easily possible. </p> http://www.kriesi.at/support/topic/how-can-i-add-rounded-corners-to-portfolio-page#post-29017 Sun, 09 Oct 2011 00:00:34 +0000 srosales 29017@http://www.kriesi.at/support/ <p>Hi there, is there a way to add rounded corners to the images in the portfolio page of Display theme? </p> <p>Is it possible to add a drop shadow under each image in the gallery as well?</p> <p>Which files would I need to edit? Thank you! I'm currently looking at template_portfolio.php. </p> http://www.kriesi.at/support/topic/removing-the-curvy-corners-on-images#post-28797 Thu, 06 Oct 2011 10:31:20 +0000 Dude 28797@http://www.kriesi.at/support/ <p>Glad that I could help you :) </p> http://www.kriesi.at/support/topic/removing-the-curvy-corners-on-images#post-28789 Thu, 06 Oct 2011 09:06:20 +0000 identityconsulting 28789@http://www.kriesi.at/support/ <p>Worked perfectly, thankyou! </p> http://www.kriesi.at/support/topic/removing-the-curvy-corners-on-images#post-28710 Wed, 05 Oct 2011 19:15:39 +0000 Dude 28710@http://www.kriesi.at/support/ <p>Try following code:<br /> <pre><code>.rounded, .sidebar, #top .slideshow { border-radius: 0 !important; } .rounded_corner{ background: none !important; }</code></pre> http://www.kriesi.at/support/topic/removing-the-curvy-corners-on-images#post-28668 Wed, 05 Oct 2011 10:13:59 +0000 identityconsulting 28668@http://www.kriesi.at/support/ <p>Hmm, added to quickcss, but doesn't seem to affected anything. My assumption was that I'd have to put in a seperate css alteration for each type of image I wanted to remove the edges from? </p> http://www.kriesi.at/support/topic/removing-the-curvy-corners-on-images#post-28665 Wed, 05 Oct 2011 08:47:02 +0000 Dude 28665@http://www.kriesi.at/support/ <p>Hey,<br /> in css/custom.css add:<br /> <pre><code>#top .slideshow { border-radius: 0px; }</code></pre> http://www.kriesi.at/support/topic/removing-the-curvy-corners-on-images#post-28663 Wed, 05 Oct 2011 08:37:33 +0000 identityconsulting 28663@http://www.kriesi.at/support/ <p>Hi,<br /> My link is <a href="http://www.identityconsulting.co.uk/Newsite/" rel="nofollow">http://www.identityconsulting.co.uk/Newsite/</a><br /> I want to remove the rounded edges from the feature image on the front page, the images on the portfolio page and entries, and the blog entry images. </p> http://www.kriesi.at/support/topic/removing-the-curvy-corners-on-images#post-28629 Tue, 04 Oct 2011 22:42:23 +0000 Chris Beard 28629@http://www.kriesi.at/support/ <p>Hey,<br /> could you provide a link and specify which images? You're looking for things related to border-radius in CSS files .. to give more specific instructions I'll need more info. </p> http://www.kriesi.at/support/topic/removing-the-curvy-corners-on-images#post-28563 Tue, 04 Oct 2011 09:12:59 +0000 identityconsulting 28563@http://www.kriesi.at/support/ <p>Hi,</p> <p>I just wanted to ask how to remove the rounded corners from the images on my site, such as the portfolio images, etc.</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/remove-rounded-corners-and-spacing-sizing-between-portfolio-items#post-27607 Fri, 23 Sep 2011 06:17:28 +0000 Dude 27607@http://www.kriesi.at/support/ <p>Hey,<br /> 1) Add following code to css/custom.css:<br /> <pre><code>#top .slideshow { border-radius: 0 !important; }</code></pre> <p>2) Try following code in css/custom.css:</p> <pre><code>.portfolio-entry-description{ margin-left: 30px !important; }</code></pre> <p>Change 30px to a lower value :) </p> http://www.kriesi.at/support/topic/remove-rounded-corners-and-spacing-sizing-between-portfolio-items#post-27579 Thu, 22 Sep 2011 20:22:32 +0000 Spacejunk 27579@http://www.kriesi.at/support/ <p>Hello,<br /> Great Theme!</p> <p>My site is <a href="http://sp1.localfoundtesting.com/" rel="nofollow">http://sp1.localfoundtesting.com/</a></p> <p>A couple of questions. How can I removed rounded corners from both the slideshow and the portfolio items. I'm looking specifically on the front page if that means anything. I've tried zeroing out all the radius examples from the style sheet in my own custom css to no avail.</p> <p>Also, How do I re-size the portfolio items to effectively reduce the space between the 4 of them? </p> <p>Thanks in advance. </p> http://www.kriesi.at/support/topic/how-to-edit-rounded-corners-of-tabs-search-area#post-23198 Thu, 21 Jul 2011 07:03:23 +0000 Dude 23198@http://www.kriesi.at/support/ <p>Hey,<br /> the rouned corners are rendered by the browser and it's pure css3 magic: <a href="http://www.css3.info/preview/rounded-border/" rel="nofollow">http://www.css3.info/preview/rounded-border/</a></p> <p>The code can be found in style.css:<br /> <pre><code>#top #nav li, #top .nav li{ margin-right:3px; float:left; position:relative; z-index:20; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; border-top-left-radius: 3px; border-top-right-radius:3px; } #top #nav li li, #top .nav li li{ border-left:none; margin:0; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; border-top-left-radius: 0px; border-top-right-radius:0px; } and .rounded, .rounded_small, .sidebar .box, .gallery_inner, .display, #top .pagination span, #top .pagination a, .entry, .text_input, .button, textarea, .tooltip, .comment_content, .gravatar img, .date, .more-link, .wp-caption { -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; }</code></pre>