http://www.kriesi.at/support/topic/portfolio-item-image-border-with-round-corners Support Forum - Topic: portfolio item image border with round corners en-US Tue, 18 Jun 2013 07:37:36 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php 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>