http://www.kriesi.at/support/tags/image-border Support Forum - Tag: image border - Recent Posts en-US Mon, 20 May 2013 01:19:35 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/no-image-borders#post-105420 Sat, 13 Apr 2013 19:55:55 +0000 Devin 105420@http://www.kriesi.at/support/ <p>Glad Peter could help and thank you for posting your results :)</p> <p>Let us know if you have any other questions or issues.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/no-image-borders#post-105308 Fri, 12 Apr 2013 15:29:24 +0000 creatorofstuff 105308@http://www.kriesi.at/support/ <p>Thanks. I wanted to let you know, in case someone else is looking for the same thing I was, that your answer sent me on the path to figuring out exactly what I wanted, which was to simply add wrapped_style to the list of classes already listed for the image on a page (if that makes sense) and it worked perfectly. </p> <p>Second, in case anyone is searching the forum for a quick view feature, I found this plugin that works great! <a href="http://codecanyon.net/item/woocommerce-quickview/4378284" rel="nofollow">http://codecanyon.net/item/woocommerce-quickview/4378284</a></p> <p>Just FYI! :) </p> http://www.kriesi.at/support/topic/no-image-borders#post-105177 Thu, 11 Apr 2013 11:14:15 +0000 Dude 105177@http://www.kriesi.at/support/ <p>Hi,<br /> 1) This effect is not applied to "images" but to products (and product images) only. You can create products and then add product images to them to "replicate" the effect or you can try to wrap the html code of the product images around your standard content images. I.e. the code would look like:</p> <pre><code>&lt;div class=&quot;products&quot;&gt; &lt;div class=&quot;product&quot;&gt; &lt;div class=&quot;inner_product wrapped_style &quot;&gt; &lt;div class=&quot;thumbnail_container&quot;&gt; &lt;img width=&quot;450&quot; height=&quot;450&quot; src=&quot;http://www.kriesi.at/themes/replete/files/2012/11/14-450x450.jpg&quot; /&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;</code></pre> <p>but obviously you need to change the image source path (and the image dimensions).</p> <p>2) No, the theme doesn't support such a "quick view" feature It's not a standard plugin/woocommerce feature but probably a custom theme feature. </p> http://www.kriesi.at/support/topic/no-image-borders#post-105142 Thu, 11 Apr 2013 05:27:40 +0000 creatorofstuff 105142@http://www.kriesi.at/support/ <p>Sorry - one more question. Is there a way to add a "quick view" to a product thumbnail so you don't have to click off the page and go to the individual product page? I'm looking for something like you see in this theme demo: <a href="http://mojo-woo.splashingpixels.com" rel="nofollow">http://mojo-woo.splashingpixels.com</a>. Thanks! </p> http://www.kriesi.at/support/topic/no-image-borders#post-105119 Wed, 10 Apr 2013 20:07:09 +0000 creatorofstuff 105119@http://www.kriesi.at/support/ <p>I would like my images to have the border like is shown in your post demo (<a href="http://www.kriesi.at/themedemo/?theme=replete" rel="nofollow">http://www.kriesi.at/themedemo/?theme=replete</a>) but when I create a page, insert an image, and preview it, it is simply a flat image - no border, no shadow, nothing. Are pages different? How can I get that look on my images on pages? </p> <p>Thank you. </p> http://www.kriesi.at/support/topic/border-around-portfolio-image#post-71500 Fri, 17 Aug 2012 04:31:47 +0000 Ismael 71500@http://www.kriesi.at/support/ <p>Hi cwilder,</p> <p>Kindly open wp-content/themes/corona/css/slideshow.css and find this line of code:<br /> <code>#top .slideshow{</code><br /> below it, you should see this code:<br /> <code>background: #f8f8f8 url(../images/skin-minimal/loading.gif) center center no-repeat;</code><br /> replace it with this code:<br /> <code>background: url(../images/skin-minimal/loading.gif) center center no-repeat;</code></p> <p>Then add this code in wp-content/themes/corona/css/custom.css or Quick CSS:<br /> <pre><code>.slideshow_container ul li img { max-width: 278px; max-height: 196px; }</code></pre> <p>Hope this helps. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/border-around-portfolio-image#post-71416 Thu, 16 Aug 2012 18:31:11 +0000 cwilder 71416@http://www.kriesi.at/support/ <p>Hi again!</p> <p>I am trying to figure out how to add a clean border directly around the images in the portfolio grid. </p> <p>Site: iheartgaming.com</p> <p>You can see my borders now are not rendering rounded corners correctly and I can't seem to get the right side to show up. Can you help?</p> <p>The CSS I currently have (that's not working quite right) is:</p> <p>.slideshow_container {<br /> border: 1px solid #dddddd !important;<br /> -moz-border-radius: 5px;<br /> border-radius: 5px;<br /> } </p> <p>Thanks in advance! </p> http://www.kriesi.at/support/topic/remove-border-from-all-images-including-portfolio#post-23643 Thu, 28 Jul 2011 07:13:01 +0000 Dude 23643@http://www.kriesi.at/support/ <p>Ok add following code to style3.css (at the very bottom):<br /> <pre><code>.framed span { background: none repeat scroll 0 0 transparent; border: medium none; } .framed_one_fourth { background: none; }</code></pre> http://www.kriesi.at/support/topic/remove-border-from-all-images-including-portfolio#post-23601 Wed, 27 Jul 2011 17:55:18 +0000 jeffedwards 23601@http://www.kriesi.at/support/ <p>It is not finished yet- so hold off on judgement for now!<br /> Thank you so much for your quick response!</p> <p><a href="http://www.jeffedwardsphoto.com" rel="nofollow">http://www.jeffedwardsphoto.com</a> </p> http://www.kriesi.at/support/topic/remove-border-from-all-images-including-portfolio#post-23578 Wed, 27 Jul 2011 08:55:06 +0000 Dude 23578@http://www.kriesi.at/support/ <p>Can you post a link to your website - we can give you custom css code then. </p> http://www.kriesi.at/support/topic/remove-border-from-all-images-including-portfolio#post-23540 Wed, 27 Jul 2011 00:02:13 +0000 jeffedwards 23540@http://www.kriesi.at/support/ <p>I know there are many posts on this topic- mostly for removing specific image borders. I found the solution on changing the color of the border once you click on an image to zoom in and I got that to work, I also applied the code to the main style.css file to remove all image borders:<br /> _________________________<br /> a img, a:hover img{<br /> border: none !important;<br /> background: transparent !important<br /> }</p> <p>.entry img{<br /> border: none !important;<br /> background: transparent !important<br /> }<br /> _________________________</p> <p>This is probably hiding right in front of my face! But how do I remove all the borders from the images in all portfolios? Alternatively, how do I change the color to all portfolio images to something other than white? The above code worked to remove image borders everywhere but the portfolio pages, I still have about a 7 pixel wide white border around all those images. If you could give me the answer to do both I can decide which looks best here. </p> <p>Thank you for your help, I've been able to do SOooo much customization just from searching these forums. :) </p> http://www.kriesi.at/support/topic/remove-image-border#post-10637 Mon, 27 Dec 2010 06:57:57 +0000 Dude 10637@http://www.kriesi.at/support/ <p>Glad that I could help you :) </p> http://www.kriesi.at/support/topic/remove-image-border#post-10627 Sun, 26 Dec 2010 17:56:46 +0000 phhale 10627@http://www.kriesi.at/support/ <p>Thanks Dude. That worked great. I just changed the border from bottom to border, and it took care of the issue. </p> http://www.kriesi.at/support/topic/remove-image-border#post-10541 Thu, 23 Dec 2010 06:55:35 +0000 Dude 10541@http://www.kriesi.at/support/ <p>Hey,<br /> try to add following code to style1.css:<br /> <pre><code>.widget a img, .widget a:visited img{ border-bottom:none; color: #fff; }</code></pre> http://www.kriesi.at/support/topic/remove-image-border#post-10498 Wed, 22 Dec 2010 01:11:08 +0000 phhale 10498@http://www.kriesi.at/support/ <p>I took care of the border on the homepage in the index file, but can't figure out how to remove the border in the sidebar.</p> <p>Thanks for the help. </p> http://www.kriesi.at/support/topic/remove-image-border#post-10497 Wed, 22 Dec 2010 01:03:07 +0000 phhale 10497@http://www.kriesi.at/support/ <p>I have a border on my images below the slider and also on the sidebar of my pages that I would like to remove, but can't figure it out.</p> <p>This only shows up in Firefox and IE, not in Chrome. My site is vipdebtcollection.com. </p>