http://www.kriesi.at/support/topic/borders-around-portfolio-preview-images Support Forum - Topic: Borders around Portfolio Preview Images? en-US Sun, 19 May 2013 06:26:36 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/borders-around-portfolio-preview-images#post-47745 Thu, 22 Mar 2012 14:02:32 +0000 Dude 47745@http://www.kriesi.at/support/ <p>Nevermind. I added the border around the image which would breakthe layout if the surrounding container is as big as the image itself. Your solution adds it to the container itself (eventually the same result but another approach :D ). </p> http://www.kriesi.at/support/topic/borders-around-portfolio-preview-images#post-47732 Thu, 22 Mar 2012 13:12:26 +0000 JoeLamari 47732@http://www.kriesi.at/support/ <p>Hi Chris,</p> <p>Thanks!!! </p> <p>That worked perfectly.</p> <p>Regards,<br /> Joe </p> http://www.kriesi.at/support/topic/borders-around-portfolio-preview-images#post-47726 Thu, 22 Mar 2012 12:34:11 +0000 Chris Beard 47726@http://www.kriesi.at/support/ <p>As it is now, really the only option I can think of to make this look good is replacing your custom.css code regarding the portfolio, this:<br /> <pre><code>.portfolio_image{ border: 1px solid #000; } .portfolio_image img{ width: 195px; }</code></pre> <p> by this<br /> <pre><code>.portfolio_image{ border: 1px solid #000; width:198px; } .portfolio_image img{ width: 198px; }</code></pre> <p>Making the .portfolio_image 198px wide will allow a 1px border, making the total 200px, as set by the surrounding div. It seems to work for me so I'm not sure what Peter means. Am I missing something?</p> <p>Cheers,<br /> Chris </p> http://www.kriesi.at/support/topic/borders-around-portfolio-preview-images#post-47714 Thu, 22 Mar 2012 11:28:37 +0000 JoeLamari 47714@http://www.kriesi.at/support/ <p>Hi again,</p> <p>got almost everything back.I don't think it was a cache issue. I had to delete and upload the custom.css file and make and changes. Weird! </p> <p>Tried the code, even by making the image size width = 195px the right border is still missing. Just having this issue with the "portfolio", all other borders are working fine.</p> <p>You can visit the site and still see the right border missing.</p> <p>Thanks<br /> Joe </p> http://www.kriesi.at/support/topic/borders-around-portfolio-preview-images#post-47710 Thu, 22 Mar 2012 11:16:46 +0000 JoeLamari 47710@http://www.kriesi.at/support/ <p>Hi guys,</p> <p>for some reason the custom.css file is not being read completely. I have been able to recover much of the site but still some issues. It tried the code change but it does not seem to to getting implemented nothing is changing.</p> <p>Tried clearing the cache will try again and get back to you with an answer.</p> <p>Thanks for your help.</p> <p>Joe </p> http://www.kriesi.at/support/topic/borders-around-portfolio-preview-images#post-47694 Thu, 22 Mar 2012 10:23:21 +0000 Dude 47694@http://www.kriesi.at/support/ <p>Maybe it's a browser cache issue. Please try to clear it. I corrected Chris code a bit (the .portfolio_image class is attached to the surrounding container and a width of 198 would break the right border). </p> http://www.kriesi.at/support/topic/borders-around-portfolio-preview-images#post-47690 Thu, 22 Mar 2012 10:15:21 +0000 JoeLamari 47690@http://www.kriesi.at/support/ <p>Hi Chris,</p> <p>Now my custom css file is not attaching properly!!!</p> <p>The complete site is not working properly.</p> <p>Joe </p> http://www.kriesi.at/support/topic/borders-around-portfolio-preview-images#post-47682 Thu, 22 Mar 2012 09:27:04 +0000 Chris Beard 47682@http://www.kriesi.at/support/ <p>Hey! </p> <p> Hi! </p> <p> try adding this to your custom.css instead of all of the above:<br /> <pre><code>.portfolio_image{ border: 1px solid #000; } .portfolio_image img{ width: 198px; }</code></pre> <p> Best regards,<br /> Chris </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/borders-around-portfolio-preview-images#post-47672 Thu, 22 Mar 2012 08:53:46 +0000 JoeLamari 47672@http://www.kriesi.at/support/ <p>Hi Peter,</p> <p>This gets me a border around the preview image except for the right side.</p> <p>.portfolio_image{<br /> border: 1px solid #000;<br /> width: 201px;<br /> }</p> <p>This gets me a border around all sides including the image title but all the preview images become unaligned. It forces the third image to the next row.<br /> .template-portfolio-overview .innerAjax .post-entry {<br /> margin: 0 0 0 29px;<br /> width: 201px;<br /> border: 1px solid #000;<br /> }</p> <p>It tried different parameters and can't seam to get a right border!</p> <p>Any suggestions?</p> <p>Thanks,<br /> Joe </p> http://www.kriesi.at/support/topic/borders-around-portfolio-preview-images#post-47652 Thu, 22 Mar 2012 06:41:28 +0000 Dude 47652@http://www.kriesi.at/support/ <p>Hi! </p> <p> Try to add following code to css/custom.css:<br /> <pre><code>.portfolio_image img{ border: 1px solid #000; } .template-portfolio-overview .innerAjax .post-entry { margin: 0 0 0 29px; width: 201px; }</code></pre> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/borders-around-portfolio-preview-images#post-47638 Thu, 22 Mar 2012 02:05:00 +0000 JoeLamari 47638@http://www.kriesi.at/support/ <p>Thanks for the reply...here is the link. This is a "standard" Flashlight portfolio page. Hope this helps.</p> <p><a href="http://joeligammari.com/portfolio" rel="nofollow">http://joeligammari.com/portfolio</a></p> <p>I am very pleased with the Flashlight theme and support!</p> <p>Joe </p> http://www.kriesi.at/support/topic/borders-around-portfolio-preview-images#post-47575 Wed, 21 Mar 2012 22:01:21 +0000 Kriesi 47575@http://www.kriesi.at/support/ <p>Hey!</p> <p>Since there are a lot of different gallery options: which one do you mean?<br /> Do you have a link to the portfolio page? that would make it easier for us to tell you were to add a border in your css file </p> http://www.kriesi.at/support/topic/borders-around-portfolio-preview-images#post-47532 Wed, 21 Mar 2012 19:25:35 +0000 JoeLamari 47532@http://www.kriesi.at/support/ <p>How can I put a thin (1px black) border around the portfolio preview images? </p> <p>Thanks Joe </p>