http://www.kriesi.at/support/tags/underline Support Forum - Tag: underline - Recent Posts en-US Tue, 21 May 2013 02:36:51 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112413 Mon, 20 May 2013 12:05:12 +0000 andypeck 112413@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>Im not working online hence me sending the clipular link:<br /> <a href="http://www.clipular.com/c?6044013=M66Ac_fn-H0sYdLewieu-vVGIMA&amp;f=eb6d72c77f6f72f1ab09eaf9b55d3d7c" rel="nofollow">http://www.clipular.com/c?6044013=M66Ac_fn-H0sYdLewieu-vVGIMA&amp;f=eb6d72c77f6f72f1ab09eaf9b55d3d7c</a></p> <p>If you dont think its the CSS code then ill have to wait till its all online and then if its still playing up ill come back to you. Although im pretty sure its due to me moving the line above the main menu so the error will still be there when its online. Before I do that, did you have any thoughts on the first question ---- creating the feint line across the menu. The link to my concept designs should show what im after</p> <p>Cheers as always Nick<br /> Andy </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112235 Sun, 19 May 2013 18:06:51 +0000 Nick 112235@http://www.kriesi.at/support/ <p>Hi,</p> <p>I don't see any error in responsive mode here andypeck.co.uk -- <a href="http://i.imgur.com/EJjOsdG.png" rel="nofollow">http://i.imgur.com/EJjOsdG.png</a></p> <p>Please show which page on your site is experiencing this issue.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112059 Fri, 17 May 2013 20:48:14 +0000 andypeck 112059@http://www.kriesi.at/support/ <p>Nick - Just had a thought and wondered if I could kill two birds with one stone without having to go live...</p> <p>If this doesnt help you then let me know and ill get the first few pages uploaded</p> <p>Here's my thoughts</p> <p>I've attached a link to a set of images that outline three things<br /> a) what I want to achieve overall with the nav (look n' feel) as created in Photoshop<br /> b) what I've achieved thus far (still missing the feint grey line we've discussed before)<br /> c) whats going wrong in responsive mode</p> <p>Here's the link to the images I've grabbed:</p> <p><a href="http://www.clipular.com/c?6044013=M66Ac_fn-H0sYdLewieu-vVGIMA&amp;f=eb6d72c77f6f72f1ab09eaf9b55d3d7c" rel="nofollow">http://www.clipular.com/c?6044013=M66Ac_fn-H0sYdLewieu-vVGIMA&amp;f=eb6d72c77f6f72f1ab09eaf9b55d3d7c</a></p> <p>so…….</p> <p>two things:</p> <p>1) Can you help me create the feint line still missing from the top of the nav (see image). Its 1 px deep and spans the width of my menu, its grey, should be responsive and allow the HIGHLIGHT BLOCK to travel along it. Obviously, I may add sections so it needs to adapt when I add or take away pages</p> <p>2) Can you help me remove the superfluous thick line that appears in the slide out responsive menu. I don't want it at all in this mode. I just want the menu to behave/look like yours in the demo.<br /> Here's the code I'm using to adapt the nag (as requested)</p> <p>---------------------------------------------------------------------<br /> ---------------------------------------------------------------------</p> <p>/* MENU BORDERS */<br /> #top .main_menu .menu ul li:last-child&gt;a {<br /> border-bottom-style: solid;<br /> border-bottom-color: #33302b;<br /> border-bottom-width: 1px;<br /> border-top-style: solid !important;<br /> border-top-color: #33302b !important;<br /> border-top-width: 1px !important;<br /> }<br /> #top .main_menu .menu ul li a {<br /> border-right-style: solid;<br /> border-right-color: #33302b;<br /> border-right-width: 1px;<br /> border-left-style: solid;<br /> border-left-color: #33302b;<br /> border-left-width: 1px;<br /> }</p> <p>#top .header_color .main_menu ul:first-child &gt;li &gt; ul, #top .header_color .avia_mega_div &gt; .sub-menu {<br /> border-top-color: #423e38; !important;<br /> border-top-style: solid;<br /> border-top-width: 1px;<br /> }</p> <p>/* Top Menu width spacing */<br /> #top .main_menu ul:first-child &gt; li &gt; a {<br /> margin-top: 1px;<br /> padding: 0 10px;<br /> }</p> <p>#top .container_wrap {<br /> border-top-width: 2px;<br /> }</p> <p>/* Main Menu - ROLLOFF TEXT */<br /> #top .header_color .main_menu ul:first-child&gt;li&gt;a {<br /> padding-top: 7px !important;<br /> color: #eee6de ;<br /> font-size: 1.4em;<br /> letter-spacing: 0.0em;<br /> font-weight:400;<br /> }</p> <p>/* Main Menu - ROLLOVER TEXT */<br /> #top .header_color .main_menu ul:first-child&gt;li&gt;a:hover {<br /> color: #d83300;<br /> font-size: 1.4em;<br /> letter-spacing: 0.0em;<br /> font-weight:400;<br /> }</p> <p>/* Main Menu - SUB MENU OFF */<br /> #top .main_menu .menu ul li&gt;a {<br /> color: #e2e2e2;<br /> font-size: 1.2em;<br /> letter-spacing: 0.0em;<br /> font-weight:400;</p> <p>}</p> <p>/* Main Menu - SUB MENU HOVER */<br /> #top .main_menu .menu ul li&gt;a:hover {<br /> color: #e2e2e2 !important;<br /> background-color: #d83300;<br /> }</p> <p>/* Main Menu - HIGHLIGHT BLOCK */<br /> #top .avia-menu-fx {<br /> display:block;<br /> position:absolute;<br /> top: 28px;<br /> border-style:solid;<br /> border-width:2px;<br /> }</p> <p>/* HEADER - BOTTOM LINE (attached to slider) */<br /> #header_main {<br /> border-bottom-style: solid;<br /> border-bottom-color: #3b3330;<br /> } </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112053 Fri, 17 May 2013 20:26:31 +0000 andypeck 112053@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>Im working on a local server at the moment otherwise I would be more than happy to share my findings. Not sure about the bit about masking URLs unless theres another way of me showing you my site. What I think ill do is transport what Ive achieved to-date onto my live hosting account and then let you know. I'd prefer not to have to do it but it seems you cant easily help otherwise</p> <p>Ill try and do it this weekend<br /> Andy </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-111956 Fri, 17 May 2013 15:41:28 +0000 Nick 111956@http://www.kriesi.at/support/ <p>Hi,</p> <p>I will need to see the page where this is taking place, you can use goo.gl to mask the url.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-111801 Fri, 17 May 2013 01:51:35 +0000 Ismael 111801@http://www.kriesi.at/support/ <p>Hi,</p> <p>What is the code that you have right now, the code that Nick gave you? What header style do you have?</p> <p>Let me tag Nick.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-111679 Thu, 16 May 2013 15:31:26 +0000 andypeck 111679@http://www.kriesi.at/support/ <p>Hi there,</p> <p>I had some help from Nick to move the 'underline effect' on the main menu so it sits above the menu text and moves with the rollover action. However, whilst this all works fine, I noticed that when I shrunk the page to when the responsive menu kicks in ----- whilst in the responsive slide out menu a thick line appears across the menu. Its clearly as a result of moving the line in the main menu. How do I get rid of this as I want it to look exactly the same as in the demo. Can it be hidden or reset whilst in this responsive mode.</p> <p>Cheers<br /> Andy </p> http://www.kriesi.at/support/topic/remove-underline-on-hyperlinks#post-106952 Wed, 24 Apr 2013 02:28:59 +0000 Ismael 106952@http://www.kriesi.at/support/ <p>Hey,</p> <p>Thanks lenscraft. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/remove-underline-on-hyperlinks#post-106934 Tue, 23 Apr 2013 22:39:41 +0000 dbardits 106934@http://www.kriesi.at/support/ <p>gotta love the support for this theme. thank you! </p> http://www.kriesi.at/support/topic/remove-underline-on-hyperlinks#post-106891 Tue, 23 Apr 2013 19:56:36 +0000 joe88 106891@http://www.kriesi.at/support/ <p>Thanks lenscraft. :) </p> http://www.kriesi.at/support/topic/remove-underline-on-hyperlinks#post-106879 Tue, 23 Apr 2013 19:21:20 +0000 lenscraft 106879@http://www.kriesi.at/support/ <p>An easy answer is to use the quick-CSS option and do the following:</p> <pre><code>a { color: blue; /* non-hover color */ } a:visited { color: yellow; /* visited link color */ } a:hover { text-decoration: none; color: red; /* hover color */ }</code></pre> <p>You can set these colors via the theme settings, but to get rid of underlines, you only need the following:</p> <pre><code>a:hover { text-decoration: none; }</code></pre> http://www.kriesi.at/support/topic/remove-underline-on-hyperlinks#post-106866 Tue, 23 Apr 2013 18:01:24 +0000 dbardits 106866@http://www.kriesi.at/support/ <p>I'd love to know the answer as well :) </p> http://www.kriesi.at/support/topic/remove-underline-on-hyperlinks#post-106838 Tue, 23 Apr 2013 16:43:17 +0000 joe88 106838@http://www.kriesi.at/support/ <p>Hello. Where in the CSS code can I remove the underline hyperlinks and replace with a hover color? Thanks. </p> http://www.kriesi.at/support/topic/underline-hover-effect-on-the-comments-link-in-the-blog-section#post-102630 Fri, 22 Mar 2013 12:41:58 +0000 Devin 102630@http://www.kriesi.at/support/ <p>Hi allegrabillings,</p> <p>Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:<br /> <pre><code>.comment-container a:hover span, .blog-meta a:hover, .blog-tags a:hover{ text-decoration: none; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/underline-hover-effect-on-the-comments-link-in-the-blog-section#post-102480 Thu, 21 Mar 2013 18:26:49 +0000 allegrabillings 102480@http://www.kriesi.at/support/ <p>Hey guys and Gals, sorry if this has been asked I couldn't find it in the search. I am not a fan of text-decorations at all, whether static or on hover. I ma pretty new to css but have been using chrome dev tools to try and change soem setting of the angular theme. I have removed almost every underline hover effect so far,. But in the blog, when hovering the Comments link it has a hover effect and I can't remove this anywere.</p> <p>I have added the following code to the custom.css file</p> <p><code><br /> a:hover { text-decoration: none !important; }</p> <p>#top .widget ul li a:hover { text-decoration: none; }</p> <p>#js_sort_items a:hover { text-decoration: none; }</p> <p>#top .ajax_slide a:hover { text-decoration: none; }<br /> </code></p> <p>I was first trying to eliminate them one at a time, without using !important. But this was proving difficult for me. I couldn't get the underline off the close link in info box. So adding the important to a plain a:hover did this. But nothing seems to effect the comments link</p> <p>any ideas on how to remove this? Thanks </p> http://www.kriesi.at/support/topic/how-to-remove-underline-from-all-hover-links#post-47079 Tue, 20 Mar 2012 05:52:39 +0000 Dude 47079@http://www.kriesi.at/support/ <p>Hi! </p> <p> Try following code:<br /> <pre><code>a:hover{ text-decoration: none !important; }</code></pre> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/how-to-remove-underline-from-all-hover-links#post-47072 Tue, 20 Mar 2012 03:31:31 +0000 Anna 47072@http://www.kriesi.at/support/ <p>What would the quick CSS code be to remove the underline from ALL links on mouse over? Thank you! </p> http://www.kriesi.at/support/topic/unordered-list-styling#post-32800 Wed, 23 Nov 2011 02:15:41 +0000 Chris Beard 32800@http://www.kriesi.at/support/ <p>Hey,</p> <p>in your light-skin.css (in the CSS folder which you can access through your FTP) you'll find<br /> <code>h2, h3, h4, h5, h6</code><br /> You can remove the border here too. </p> http://www.kriesi.at/support/topic/unordered-list-styling#post-32788 Wed, 23 Nov 2011 00:43:43 +0000 justinsane 32788@http://www.kriesi.at/support/ <p>Thanks, but I'm still having trouble removing the horizontal rule on this page for h2,h3,h4,h5,h6 headings....</p> <p><a href="http://carshowsign.com/car-sign-guide/" rel="nofollow">http://carshowsign.com/car-sign-guide/</a></p> <p>I've searched the style.css file multiple times for any clues.. no luck..</p> <p>Thanks,<br /> j </p> http://www.kriesi.at/support/topic/unordered-list-styling#post-31946 Tue, 15 Nov 2011 07:31:27 +0000 Dude 31946@http://www.kriesi.at/support/ <p>Hey,<br /> add following code to css/custom.css:<br /> <pre><code>.entry-content ul, .entry ol{ border-top: none; }</code></pre> http://www.kriesi.at/support/topic/unordered-list-styling#post-31910 Mon, 14 Nov 2011 22:56:58 +0000 justinsane 31910@http://www.kriesi.at/support/ <p>Hi,</p> <p>How can I remove the horizontal underline above unordered lists? </p> <p>An example is here: <a href="http://carshowsign.com/contact/" rel="nofollow">http://carshowsign.com/contact/</a> .</p> <p>Thanks in advance,</p> <p>Justin </p> http://www.kriesi.at/support/topic/remove-line-above-lists#post-30359 Mon, 24 Oct 2011 16:32:09 +0000 Dude 30359@http://www.kriesi.at/support/ <p>Glad that Chris could help you :) </p> http://www.kriesi.at/support/topic/remove-line-above-lists#post-30333 Mon, 24 Oct 2011 15:11:25 +0000 heybate 30333@http://www.kriesi.at/support/ <p>Worked great. Thanks! </p> http://www.kriesi.at/support/topic/remove-line-above-lists#post-30221 Sun, 23 Oct 2011 00:25:03 +0000 Chris Beard 30221@http://www.kriesi.at/support/ <p>Hey,<br /> sorry for the delay. You can open up your light-skin.css in your css folder and find<br /> <pre><code>.entry-content ul, .entry ol, #top #search-fail ul { border-top: 1px solid #E1E1E1; color: #555555; }</code></pre> <p>Now remove<br /> <code>border-top: 1px solid #E1E1E1;</code></p> <p>In your custom.css add<br /> <pre><code>h2, h3, h4, h5, h6{ border:0 !important;}</code></pre> <p>to the bottom of the file.</p> <p>I hope this helps :) </p> http://www.kriesi.at/support/topic/remove-line-above-lists#post-30019 Thu, 20 Oct 2011 14:10:42 +0000 heybate 30019@http://www.kriesi.at/support/ <p>Go to <a href="http://www.polywest.ca/2012/bandit-liquid-distribution-kit-pb-nozzles/" rel="nofollow">http://www.polywest.ca/2012/bandit-liquid-distribution-kit-pb-nozzles/</a>. You can see that there are lines below headings and also lines above the lists. </p> http://www.kriesi.at/support/topic/remove-line-above-lists#post-29933 Thu, 20 Oct 2011 01:47:37 +0000 Chris Beard 29933@http://www.kriesi.at/support/ <p>Hey,<br /> could you link to your site and specify which lines exactly we're talking about? Is it possible you mean the line below headings? </p> http://www.kriesi.at/support/topic/remove-line-above-lists#post-29767 Tue, 18 Oct 2011 22:47:22 +0000 heybate 29767@http://www.kriesi.at/support/ <p>Hi. I found the information on how to remove the lines below each item on the UL. Now I would love to know how to remove the single line above each list. Can you help me? </p> http://www.kriesi.at/support/topic/unwanted-underline-appears-under-text-in-a-bulleted-list#post-24181 Fri, 05 Aug 2011 07:10:11 +0000 Dude 24181@http://www.kriesi.at/support/ <p>Glad that I could help you :) </p> http://www.kriesi.at/support/topic/unwanted-underline-appears-under-text-in-a-bulleted-list#post-24159 Thu, 04 Aug 2011 23:29:31 +0000 cjayd34 24159@http://www.kriesi.at/support/ <p>Brilliant</p> <p>It worked :-)<br /> I've also done a quick look up of what !important is - </p> <p>So as well as the problem being fixed, I've learnt a little something along the way</p> <p>Thank you </p> http://www.kriesi.at/support/topic/unwanted-underline-appears-under-text-in-a-bulleted-list#post-23478 Tue, 26 Jul 2011 06:41:47 +0000 Dude 23478@http://www.kriesi.at/support/ <p>Try to use:<br /> <pre><code>.entry li, .entry ul, .entry ol { border: none !important; }</code></pre> <p>Now the borders should disapear. Please don't forget to clear caches (wordpress plugins, browser, etc.). </p>