Announcement

Collapse
No announcement yet.

Move the Online Icon Under the Avatar on Postbit

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

    Free Mod Move the Online Icon Under the Avatar on Postbit

    The online icon appears at the bottom of postbit. In a long post, this icon is not visible that you have to scroll down to see if the user is online or not. This icon should be positioned closer to the avatar.

    Click image for larger version  Name:	image.png Views:	0 Size:	66.9 KB ID:	28478

    To move the online icon under the avatar as shown in the above screenshot, put this custom CSS in css_additional.css template:

    Code:
    .l-desktop .b-userinfo__icons {
        position: absolute;
        left: 109px;
        top: 92px;
    }
    Adjust the left and top values as needed. The values used are based on the default style. You may need to tweak them if you have a customized style/theme.​
    Helpful? Donate. Thanks!
    Buy me a coffeePayPal QR Code
    Fast VPS Host for vBulletin:
    A2 Hosting & IONOS

    #2
    Once I set it to the correct spot, it changes depending on the users profile picture size and so forth. In other words it is not in the same spot for all users. Ends up blocking info and things

    Comment


      #3
      Unfortunately, it's not going to work for avatars with different sizes. The position is not relative to the avatar but to the container column.
      Helpful? Donate. Thanks!
      Buy me a coffeePayPal QR Code
      Fast VPS Host for vBulletin:
      A2 Hosting & IONOS

      Comment


        #4
        It would require a JavaScript solution to calculate the position based on the size of the avatar.
        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 "|||"