http://www.kriesi.at/support/topic/iconbox-linking Support Forum - Topic: Iconbox linking en-US Thu, 23 May 2013 08:21:46 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/iconbox-linking#post-19553 Fri, 20 May 2011 17:49:52 +0000 jselnick 19553@http://www.kriesi.at/support/ <p>unfortunately, the red underline still shows up in Safari. Im not sure about IE9 - but chrome and firefox are good to go. </p> http://www.kriesi.at/support/topic/iconbox-linking#post-17833 Tue, 26 Apr 2011 13:52:31 +0000 Dude 17833@http://www.kriesi.at/support/ <p>I think I found the problem. Try:<br /> <pre><code>.iconbox a, .iconbox a:hover, a .iconbox, a:hover .iconbox, .iconbox, .iconbox:hover{ text-decoration: none; color: #777; }</code></pre> <p>Now all possible combinations like link within iconbox, link as iconbox and link around icon box should have the same style. </p> http://www.kriesi.at/support/topic/iconbox-linking#post-17806 Mon, 25 Apr 2011 20:52:46 +0000 jselnick 17806@http://www.kriesi.at/support/ <p>I've even tried:</p> <p>.iconbox a, .iconbox_content, .iconbox a:hover, .iconbox_content:hover{<br /> text-decoration: none;<br /> color: #777;<br /> }</p> <p>That fixed the issue in Firefox and changed the color of the text in Safari - but in Safari on hover the red underline still shows up. </p> http://www.kriesi.at/support/topic/iconbox-linking#post-17745 Sun, 24 Apr 2011 20:19:34 +0000 Dude 17745@http://www.kriesi.at/support/ <p>Maybe James can reproduce the problem with his Mac. Try to add the hover code too like:<br /> <pre><code>.iconbox a, .iconbox a:hover{ text-decoration: none; color: #777; }</code></pre> http://www.kriesi.at/support/topic/iconbox-linking#post-17736 Sun, 24 Apr 2011 18:28:56 +0000 jselnick 17736@http://www.kriesi.at/support/ <p><a href="http://redbottlecreative.redbottledev.com/wp-content/uploads/2011/04/screenshot-iconbox-1.jpg" rel="nofollow">http://redbottlecreative.redbottledev.com/wp-content/uploads/2011/04/screenshot-iconbox-1.jpg</a></p> <p>There is a screenshot of the issue in Safar. </p> http://www.kriesi.at/support/topic/iconbox-linking#post-17730 Sun, 24 Apr 2011 18:08:31 +0000 Dude 17730@http://www.kriesi.at/support/ <p>Hey,<br /> I can't reproduce the problem - it looks fine for me. </p> http://www.kriesi.at/support/topic/iconbox-linking#post-17713 Sun, 24 Apr 2011 09:59:34 +0000 jselnick 17713@http://www.kriesi.at/support/ <p>Uh oh. I tested on Safari and Firefox (I was using Chrome) and the problem is back on those browsers. </p> http://www.kriesi.at/support/topic/iconbox-linking#post-17710 Sun, 24 Apr 2011 07:38:04 +0000 Dude 17710@http://www.kriesi.at/support/ <p>I had a small typo - I corrected the code. You should include the hover state too. </p> http://www.kriesi.at/support/topic/iconbox-linking#post-17708 Sun, 24 Apr 2011 07:01:49 +0000 jselnick 17708@http://www.kriesi.at/support/ <p>There we go. I had to add:</p> <p>.iconbox a{<br /> text-decoration: none;<br /> color: #777;<br /> }</p> <p>To custom.css </p> http://www.kriesi.at/support/topic/iconbox-linking#post-17707 Sun, 24 Apr 2011 07:00:15 +0000 jselnick 17707@http://www.kriesi.at/support/ <p>Ok. I did that and still no change. Hmm.. </p> http://www.kriesi.at/support/topic/iconbox-linking#post-17705 Sun, 24 Apr 2011 06:51:28 +0000 Dude 17705@http://www.kriesi.at/support/ <p>Ok add following css code to custom.css located in the folder "css":<br /> <pre><code>.iconbox a, .iconbox a:hover{ text-decoration: none; color: #777; }</code></pre> http://www.kriesi.at/support/topic/iconbox-linking#post-17701 Sun, 24 Apr 2011 06:40:43 +0000 jselnick 17701@http://www.kriesi.at/support/ <p><a href="http://redbottlecreative.redbottledev.com/" rel="nofollow">http://redbottlecreative.redbottledev.com/</a> </p> http://www.kriesi.at/support/topic/iconbox-linking#post-17696 Sun, 24 Apr 2011 06:21:03 +0000 Dude 17696@http://www.kriesi.at/support/ <p>Can you post a link to your website please where you use the shortcode. I'll investigate the css. </p> http://www.kriesi.at/support/topic/iconbox-linking#post-17684 Sun, 24 Apr 2011 05:23:17 +0000 jselnick 17684@http://www.kriesi.at/support/ <p>That worked, except now all of the text is the link color and underlined on scroll over. We're getting close! </p> http://www.kriesi.at/support/topic/iconbox-linking#post-17681 Sun, 24 Apr 2011 05:05:22 +0000 Dude 17681@http://www.kriesi.at/support/ <p>Try:<br /> <pre><code>&lt;a href=&quot;http://redbottlecreative.redbottledev.com/branding&quot;&gt;[iconbox title=&quot;Identity Branding&quot; icon=&quot;people.png&quot;]We’ll work with you to uncover and define your story and from there we’ll craft your public identity.Get Started.[/iconbox]&lt;/a&gt;</code></pre> http://www.kriesi.at/support/topic/iconbox-linking#post-17678 Sun, 24 Apr 2011 02:19:47 +0000 jselnick 17678@http://www.kriesi.at/support/ <p>Thanks for the reply, but I wanted to link the entire box (especially the title) to an internal page on the site. Here is what I have in the columns on the homepage:</p> <p>[iconbox title="Identity Branding" icon="people.png"]We’ll work with you to uncover and define your story and from there we’ll craft your public identity. <a href="http://redbottlecreative.redbottledev.com/branding">Get Started.</a>[/iconbox]</p> <p>How can I put an <a href> link over the entire box?</a> </p> http://www.kriesi.at/support/topic/iconbox-linking#post-17630 Sat, 23 Apr 2011 17:29:12 +0000 Dude 17630@http://www.kriesi.at/support/ <p>Hey,<br /> have you tried something like:<br /> <pre><code>[iconbox title=&quot;test&quot; icon=&quot;clipboard.png&quot;]&lt;a href=&quot;google.com&quot;&gt;Google&lt;/a&gt;[/iconbox]</code></pre> http://www.kriesi.at/support/topic/iconbox-linking#post-17556 Fri, 22 Apr 2011 08:19:05 +0000 jselnick 17556@http://www.kriesi.at/support/ <p>Any way to place a direct link in the Iconbox? </p>