Announcement

Collapse
No announcement yet.

How to make round avatars in vB5

Collapse
This is a sticky topic.
X
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    I don't have a vB4 site but try this:

    Code:
    .postbit .postuseravatarlink img,
    .avatar img {
        border-radius: 100%;
    }​
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    Comment


      Thanks I'll try it in the morning ☺️

      Comment


        Originally posted by glennrocksvb View Post
        I don't have a vB4 site but try this:

        Code:
        .postbit .postuseravatarlink img,
        .avatar img {
        border-radius: 100%;
        }​
        sorry where do i put this ?

        Comment


          Custom CSS changes are done in additional css template. I think it's called additional.css in vB4 while it's called css_additional.css in vB5.
          Helpful? Donate. Thanks!
          Buy me a coffeePayPal QR Code
          Fast VPS Host for vBulletin:
          A2 Hosting & IONOS

          Comment


            Originally posted by glennrocksvb View Post
            Custom CSS changes are done in additional css template. I think it's called additional.css in vB4 while it's called css_additional.css in vB5.
            nope that didnt work

            Comment


              Try this one:

              Code:
              .postuseravatar img,
              .widget_post_useravatar img {
                  border-radius: 100%;
              }​
              Note that if an avatar is not square, adding the code above will make it oblong/oval shape instead of round. To make the avatar square using CSS, you'd have to explicitly set the image width and height the same which may not be good as it may stretch and distort the image.

              Btw, If you see a red dot when you copy/paste the code above, please remove it. There's a bug in the Copy Code button that I have yet to fix.

              Helpful? Donate. Thanks!
              Buy me a coffeePayPal QR Code
              Fast VPS Host for vBulletin:
              A2 Hosting & IONOS

              Comment


                strange it worked on my dark skin but not the light one lol

                Comment


                  You have to add the same CSS code to additional.css template of each desired theme/style.
                  Helpful? Donate. Thanks!
                  Buy me a coffeePayPal QR Code
                  Fast VPS Host for vBulletin:
                  A2 Hosting & IONOS

                  Comment


                    yea i think so lol

                    Comment


                      works great now! thanks

                      Comment


                        You're welcome. Glad to help. Where's my β˜•?
                        Helpful? Donate. Thanks!
                        Buy me a coffeePayPal QR Code
                        Fast VPS Host for vBulletin:
                        A2 Hosting & IONOS

                        Comment


                          Originally posted by glennrocksvb View Post
                          You're welcome. Glad to help. Where's my β˜•?
                          its coming

                          Comment


                            I use this mod since few years and I am not sure if this is the cause of my problem.
                            On mobile (phone) the Userinfo overlap the space when the user is logged in. As guest it looks ok:
                            Click image for larger version

Name:	11.jpg
Views:	102
Size:	42.7 KB
ID:	27130

                            Comment


                              And as guest. Click image for larger version

Name:	22.jpg
Views:	110
Size:	42.2 KB
ID:	27133
                              Attached Files

                              Comment


                                I don't think adding the round avatar CSS code will affect the layout. You can confirm this by temporarily removing the CSS. I think there's something else in the CSS is causing the issue. But I can't debug it on your site since you said the issue only occurs when logged in.
                                Helpful? Donate. Thanks!
                                Buy me a coffeePayPal QR Code
                                Fast VPS Host for vBulletin:
                                A2 Hosting & IONOS

                                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 "|||"