Announcement

Collapse
No announcement yet.

Avatars without Borders

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Avatars without Borders

    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.
    Click image for larger version

Name:	Clipboard01.jpg
Views:	631
Size:	2.5 KB
ID:	1384 Enhanced for easier view -> Click image for larger version

Name:	Clipboard03.jpg
Views:	434
Size:	2.6 KB
ID:	1386
    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;
    }
    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.

    Code:
    /* Start Avatars without Borders */
    .avatar {
        border: 0px;
    }
    /* End Avatars without Borders */
    Click image for larger version

Name:	Clipboard02.jpg
Views:	413
Size:	2.6 KB
ID:	1385

    No more square around the icon

    #2
    to remove border from avatars on posts
    Code:
    .b-avatar {
        border: 0px;
    }

    Comment


      #3
      You guys really Rock!
      thanks for the info and code

      Comment


        #4
        Nice touch! Working flawlessly. Thank you very much!

        Cheers!

        Comment


          #5
          That did the job!

          Comment

          Users Viewing This Page

          Collapse

          There is 1 user viewing this forum topic.

          • Guest Guest

          Latest Posts

          Collapse

          Working...
          X
          Searching...Please wait.
          An unexpected error was returned: 'Your submission could not be processed because you have logged in since the previous page was loaded.

          Please push the back button and reload the previous window.'
          An unexpected error was returned: 'Your submission could not be processed because the token has expired.

          Please push the back button and reload the previous window.'
          An internal error has occurred and the module cannot be displayed.
          There are no results that meet this criteria.
          Search Result for "|||"