How can I remove the frame around all picture insirted in articles and how do I remove the bacground color in the picture frame ?

Hi
you mean 1 px border around images, to remove border you will require to edit k2.css file
Please use firebug a firefox extension to edit css file and customization

Hi Ole,

Just to explain a bit more. If you dont know, Firebug is an add on for Firefox, which will help you debug css and html.
To edit the k2.css, you will need to be able to access your server files.
K2.css is located in /components/com_k2/css.

Take a look around line 146 for span.itemImage img {border:1px solid #ccc;padding:8px;}

Let us know if you need any further help.

Regards,

K2Joom.com

Thank´s alot, I will download firebug and look over k2.css
Best regards to you guy´s

It would be nice to see a real answer here. I have tried removing the border. I have edited the line as mention, but it does nothing to remove the border around images.
This is something the admin should have an option to have a border or not have a border. Too many clients that do and don't want something. options....options....options.

Please - where do we remove the border at.
k2.css line 146 doesn't work.

William

This is what I found:

in line 156 - div.itemFullText img {padding:2px;margin:4px;background:#fff;border:none;}

change to border none as I have done and the border around your image will go poof! :)

You will see a bunch of borders throughout the code, which is crazy.

William

I'm using png images with rounded transparent corners on my site so the white borders (white background and grey border) were pretty bad looking. Here was the solution.
Go into your k2.css file and do a search for this:

div.itemFullText img {padding:2px;margin:4px;background:#fff;border:none;}

Delete this part:

background:#fff

Everything should be fine now. Actually I may have changed the part about border:none awhile back so you may have to change that to none as well.

My advice is to get CSS Edit. This software solved my problem it 2 minutes. I think it's only for Mac though.
macrabbit.com/cssedit/



William said:This is what I found: in line 156 - div.itemFullText img {padding:2px;margin:4px;background:#fff;border:none;} change to border none as I have done and the border around your image will go poof! :)

You will see a bunch of borders throughout the code, which is crazy.

William

I am using K2 2.4.1 and have been looking in the k2.css for the

div.itemFullText img {padding:2px;margin:4px;background:#fff;border:none;} to get rid of all 1 px borders

Different post points to different line numbers?

When I do a find with div.itemFullText img I get line 194 and div.itemFullText img {} - so how do I edit that?

Seems like a lot of people would like to know how to get rid of the borders!

Firebug will point you to the line number in your css file if you inspect and find the element your looking for.
Also, most editors will find it quickley with ctrl-F
in the latest svn its on line 194