Help with editing CSS to remove link border, please.

Posted by ortho85 on November 18, 2012 at 6:44am

I'm using the Professional Theme, but I think this is a general (dumb) question.

Images and links get a border around them, which is irritating.

Can some kind person explain in very simple (but complete) instructions what I need to edit to remove these borders?

Thanks!

Comments

that's html default

Posted by NotGoddess on November 18, 2012 at 7:14am

In your stylesheet add this lines:

a img { border:none; }

I'm unique, just like everybody else.
If I helped, please pay it forward, backward or sidelong.

Thanks - more info,?

Posted by ortho85 on November 18, 2012 at 7:21am

I'm a real novice at this - but happy to follow instructions. Where do I find this "stylesheet"?

Thanks

first, determine html element

Posted by abissbo on November 18, 2012 at 9:54am

first, determine html element (image or link)

second, select html element to inspect css styles with Firebug.

third, see the right column firebug, select the element you want to change.

sample, to remove border line,

img {border: none;}
a {outline: none;}

Becareful, that's the outline CSS property and is a useful part of the usability of a website. It's most often used when an element is focused (whether clicked, tabbed or whatever) and I wouldn't advise removing this default behaviour.

http://kamicetak.com
http://desain.kamicetak.com

For that theme it's the

Posted by NotGoddess on November 18, 2012 at 9:53am

For that theme it's the style.css file at the top level of theme folder.
If you installed via the api and aren't quite sure where that is, it should be at /sites/all/themes/professional_theme/style.css

I'm unique, just like everybody else.
If I helped, please pay it forward, backward or sidelong.

Thank you!

Posted by ortho85 on November 18, 2012 at 8:22pm

Found it - trying out the editing skills. Not giving up my day-job!

Thanks for the help.