I cant remove link underline

9 posts from 4 voices

• Started 2 years ago by Lido
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   Lido
   Member

   Hi,
   in some part of site I want remove the red link undeline but I cant.
   I use code "text decoration; none;" in a new div but the underline still there is.
   I use the code also in the specific part of code but its remain.
   So I try to find "underline" in the style.css and style1/2/3.css for remove it but I dont find : why?
   What I have to do for remove all red link underline?

   Posted 2 years ago #
2. 

   Dude
   Dude

   Hey,
   open style1/2/3.css (located in a folder called css) and search for following code (example code for style1.css):
   

   .wrapper a, #main #sidebar .textwidget a{
   color:#777777;
   border-bottom: 1px solid #ff9000;
   }
   
   .wrapper a:hover{
   border-bottom: 1px solid #666;
   color:#ff9000;
   }

   Replace it with:

   .wrapper a, #main #sidebar .textwidget a{
   color:#777777;
   border: none;
   }
   
   .wrapper a:hover{
   border: none;
   color:#ff9000;
   }

   You can also append

   style="border:none"

   to a href elements.

   Posted 2 years ago #
3. 

   Lido
   Member

   Thank You.
   It works :)

   Posted 2 years ago #
4. 

   Dude
   Dude

   Glad that I could help you :)

   Posted 2 years ago #
5. 

   marcelormartins
   Member

   Hello Dude,
   I used the "border: none" code you gave above adn it worked out fine with the footer decorations link.
   But it also had an effect on the main menu, on the right of the logo.
   The little border on the hover (on mouse over) option is no longer working.
   Here is my site so you can see the problem: http://marcelomartinsonline.com/
   Thanks a lot!

   Posted 2 years ago #
6. 

   James Morrison
   Former Team Member

   Hey,

   The code posted above would have affected this, your best bet is to change it back and point us directly to the element you want to remove the border on as the changes are more specific so they won't affect the whole template.

   What's the site URL and the area which needs a change?

   James

   Posted 2 years ago #
7. 

   marcelormartins
   Member

   Hello James,
   Sorry for the huge delay.
   I changed the code back as you advise me.
   The URl is http://marcelomartinsonline.com/
   My idea is to remove the decoration (orange) from the footer area without messing with the main menu at the top of the page.
   Thanks a lot,

   Marcelo Martins

   Posted 2 years ago #
8. 

   marcelormartins
   Member

   Seizing the opportunity, where can I change the color of the link decoration on the entire site? The orange one that came with the template is not working for me.
   Thanks again,

   Marcelo Martins

   Posted 2 years ago #
9. 

   Dude
   Dude

   Hey,
   1) try to add following code to style.css (at the very bottom):
   

   #footer a, #footer a: hover{
   border: none !important;
   }

   2) Open up style1.css and search for following code:
   

   .wrapper a, #main #sidebar .textwidget a{
   color:#777777;
   border-bottom: 1px solid #ff9000;
   }
   
   .wrapper a:hover{
   border-bottom: 1px solid #666;
   color:#ff9000;
   }

   Change the border bottom color to your needs.

   Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.