This code is theme specific and does not apply to everyone.
Following the application of the Circular Avatars code, a few users PM'd me that a square still existed around the images.
Enhanced for easier view ->
It can be hard to see and is more prominent on darker themes.
It is caused by an image within an anchor and the border not set or set to a non-zero value.
In this theme example, it was set to 1.
We simply want to over-ride the value, or set it, to zero.
Add this to css_additional.css
If using the circular avatar code, place this code before it.
No more square around the icon
Following the application of the Circular Avatars code, a few users PM'd me that a square still existed around the images.
Enhanced for easier view ->
It can be hard to see and is more prominent on darker themes.
It is caused by an image within an anchor and the border not set or set to a non-zero value.
In this theme example, it was set to 1.
Code:
.avatar { height: 32px; width: 32px; margin-right: 10px; border: 1px solid #222; }
Add this to css_additional.css
If using the circular avatar code, place this code before it.
Code:
/* Start Avatars without Borders */ .avatar { border: 0px; } /* End Avatars without Borders */
No more square around the icon
Comment