XF 1.4 Add border to all attached images

[rwm1962]

I'm hoping someone can help me with some extra CSS to add a 1px border to all images in posts.

Thanks in advance!

 

[AndyB]

Add this to your EXTRA.css template:

.bbCodeImage {
    border:thin solid #333;
}

 

[rwm1962]

Perfect, Thanks!

 

[rwm1962]

Is there any way this can exclude images in signatures?

 

[Dylan V]

Is there any way this can exclude images in signatures?

Hi,

Yes, add this in "EXTRA.css" template:

.signature .bbCodeImage
{
    border: none;
}

 

[rwm1962]

Many thanks Dylan

 

[rwm1962]

Another refinement required - can gifs be exluded?

To explain - on our theme regular images in posts look better with a border.
We have a lot of transparent gifs in articles & they look better without a border.

 

[creativeforge]

BTW, if you need to add padding so the border isn't against the image, you can do this:

.bbCodeImage {
    border:thin solid #333;
    padding: 8px;
    }