How to remove blue line from Anchor Links

Shapely
1

Hello

When i use the top menu to jump to the anchor link, the browser show a blue line and a rectangle around the text i use to mark a ID.

I use this CSS code because the top menu is fixed and always stays above the title I used as “Anchor Link”. It will be possible to add some more line of code to avoid these blue lines and rectangles


.offset:before { display: block; content: " "; 
  height: 150px;      /* Give height of your fixed element */
  margin-top: -150px; /* Give negative margin of your fixed element */  	
  visibility: hidden
  border:none; 
}

Thanks for the help

WEBSITE: http://www.sete-i.pt/wp/

2

Hi @carlossoares,

Try using this css code:

.offset{
outline:none;
}

Thanks,

Cristian

3

Thanks, everything went perfectly, without the blue lines and squares around the “Anchor Link”

Here is the code I used so that “Anchor Link” is not under the top menu


.offset{ outline:none; }                      /*Avoid the blue lines and squares around the "Anchor Link"*/
.offset:before { display: block; content: " "; 
  	                height: 150px;          /* Give height of your fixed element */
                        margin-top: -150px; /* Give negative margin of your fixed element */  	
                        visibility: hidden;
                       }

Thanks for the excellent support

4

Hi @carlossoares,

I am glad that you solved it.

Thanks,

Cristian