The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
+2
SarkZKalie
The Vinci
6 posters

    Avatar right aligned?

    The Vinci
    The Vinci
    The Vinci
    Forumember


    Posts : 73
    Reputation : 1
    Language : English
    • Post n°1

    Solved Avatar right aligned?

    Post by The Vinci September 22nd 2020, 8:05 pm

    Hi all,

    If you look this forum's avatar on the left - the information under the avatar has a sort of right align to the content. On my forum the alignment is different. How do I change?

    https://www.futbolboard.com/t2-forum-rules-information

    On my forum the avatar information is centered apart from the contact icons. That needs to be centered as well.
    • Back to top
    SarkZKalie
    SarkZKalie
    SarkZKalie
    Support Moderator
    Support Moderator


    Male Posts : 1443
    Reputation : 220
    Language : English
    • Post n°2

    Solved Re: Avatar right aligned?

    Post by SarkZKalie September 22nd 2020, 9:00 pm

    Add this one to Admin Control Panel -> Display -> CSS
    Code:
    .postprofile-contact a {
        display: inline-block!important;
        float: none!important;
    }



    Avatar right aligned? Sarkzk10

    TonnyKamper likes this post

    • Back to top
    The Vinci
    The Vinci
    The Vinci
    Forumember


    Posts : 73
    Reputation : 1
    Language : English
    • Post n°3

    Solved Re: Avatar right aligned?

    Post by The Vinci September 22nd 2020, 10:15 pm

    Added.

    Nothing changed on my end.
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51555
    Reputation : 3524
    Language : English
    Location : United States
    • Post n°4

    Solved Re: Avatar right aligned?

    Post by SLGray September 22nd 2020, 11:10 pm

    So you want to center the contact icons?



    Avatar right aligned? Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    Ape
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19436
    Reputation : 2010
    Language : fluent in dork / mumbojumbo & English haha
    • Post n°5

    Solved Re: Avatar right aligned?

    Post by Ape September 23rd 2020, 12:33 am

    Remove the code gave by SarkZKalie and add this code. The code will move it to the right by 20px
    Code:
    .postprofile-contact {
        padding-left: 20px !important;
    }


    To center it just change
    Code:
    padding-left: 20px !important;
    to
    Code:
    text-align: center;

    Screen shot right 20 PX
    Avatar right aligned? Captu286

    Screen shot of the middle
    Avatar right aligned? Captu287



    Avatar right aligned? Left1212Avatar right aligned? Center11Avatar right aligned? Right112
    Avatar right aligned? Ape_b110
    Avatar right aligned? Ape1010

    TonnyKamper likes this post

    • Back to top
    The Vinci
    The Vinci
    The Vinci
    Forumember


    Posts : 73
    Reputation : 1
    Language : English
    • Post n°6

    Solved Re: Avatar right aligned?

    Post by The Vinci September 23rd 2020, 1:27 am

    Worked, for the left alignment but not for the centered. I change the css code to 

    Code:
    text-align: center; 
    How come the posts, locations, slots aren't aligned like they are on this forum. If possible I would love for those to be aligned. Know what I mean?
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51555
    Reputation : 3524
    Language : English
    Location : United States
    • Post n°7

    Solved Re: Avatar right aligned?

    Post by SLGray September 23rd 2020, 2:08 am

    Your forum (ModernBB) and the support forumm (phpBB3) are different versions that is why.



    Avatar right aligned? Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    The Vinci
    The Vinci
    The Vinci
    Forumember


    Posts : 73
    Reputation : 1
    Language : English
    • Post n°8

    Solved Re: Avatar right aligned?

    Post by The Vinci September 23rd 2020, 2:26 am

    Gotcha.

    So there is no way to center the contact buttons on modernBB?
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51555
    Reputation : 3524
    Language : English
    Location : United States
    • Post n°9

    Solved Re: Avatar right aligned?

    Post by SLGray September 23rd 2020, 2:52 am

    APE wrote:Remove the code gave by SarkZKalie and add this code. The code will move it to the right by 20px
    Code:
    .postprofile-contact {
        padding-left: 20px !important;
    }


    To center it just change
    Code:
    padding-left: 20px !important;
    to
    Code:
    text-align: center;

    Screen shot right 20 PX
    Avatar right aligned? Captu286

    Screen shot of the middle
    Avatar right aligned? Captu287



    Avatar right aligned? Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    The Vinci
    The Vinci
    The Vinci
    Forumember


    Posts : 73
    Reputation : 1
    Language : English
    • Post n°10

    Solved Re: Avatar right aligned?

    Post by The Vinci September 23rd 2020, 2:55 am

    Doesn't seem to work using the center tag.
    • Back to top
    SLGray
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51555
    Reputation : 3524
    Language : English
    Location : United States
    • Post n°11

    Solved Re: Avatar right aligned?

    Post by SLGray September 23rd 2020, 3:03 am

    Add important.



    Avatar right aligned? Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    • Back to top
    The Vinci
    The Vinci
    The Vinci
    Forumember


    Posts : 73
    Reputation : 1
    Language : English
    • Post n°12

    Solved Re: Avatar right aligned?

    Post by The Vinci September 23rd 2020, 3:09 am

    Still didn't work.

    Ummm, is this odd?
    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece
    • Post n°13

    Solved Re: Avatar right aligned?

    Post by skouliki September 23rd 2020, 7:44 am

    please as i said before dont remove the codes cause we can not inspect them
    can you please re-add it


    Last edited by skouliki on September 23rd 2020, 10:58 am; edited 1 time in total

    • Back to top
    Ape
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19436
    Reputation : 2010
    Language : fluent in dork / mumbojumbo & English haha
    • Post n°14

    Solved Re: Avatar right aligned?

    Post by Ape September 23rd 2020, 10:39 am

    this is the code it does work I tested it.

    Code:
    .postprofile-contact {
                text-align: center; !important;
            }

    If it don't work try and add it to the top or bottom of your CSS files then save.

    Make sure you remove the old one before adding the new one.

    To center the text like on the support forum use this code.
    Code:
    .postprofile-info {
        text-align: center !important;
    }
    Make sure you have no other code already installed with this part in
    Code:
    .postprofile-info
    if you do remove it then save the new one.

    Screen shot:
    Avatar right aligned? Captu288

    IMPORTANT NOTES:
    When adding codes make sure you don't already have the code installed on you CSS files if you do remove it then save the new one.
    But make sure you keep a copy of the old code until you are 100% happy with the change.



    Avatar right aligned? Left1212Avatar right aligned? Center11Avatar right aligned? Right112
    Avatar right aligned? Ape_b110
    Avatar right aligned? Ape1010
    • Back to top
    The Vinci
    The Vinci
    The Vinci
    Forumember


    Posts : 73
    Reputation : 1
    Language : English
    • Post n°15

    Solved Re: Avatar right aligned?

    Post by The Vinci September 23rd 2020, 1:49 pm

    Code:
    fa_avatar img {


      width:25px;


      height:25px;


      margin-right:5px;


      margin-bottom:-6px;


      -webkit-border-radius:3px;


         -moz-border-radius:3px;


              border-radius:3px;


    }





    .postprofile-contact {


                text-align: center; !important;


            }





    Tried it again with those steps and still no luck. I removed the avatar code and re-added it and now the small picture by my name is large and doesn't change. (it was small before)

    How to fix?

    futbolboard.com
    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece
    • Post n°16

    Solved Re: Avatar right aligned?

    Post by skouliki September 23rd 2020, 2:36 pm

    After center remove the ;

    • Back to top
    The Vinci
    The Vinci
    The Vinci
    Forumember


    Posts : 73
    Reputation : 1
    Language : English
    • Post n°17

    Solved Re: Avatar right aligned?

    Post by The Vinci September 23rd 2020, 2:56 pm

    Still didn't work. 

    Also the avatar picture in the toolbard is huge now.
    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece
    • Post n°18

    Solved Re: Avatar right aligned?

    Post by skouliki September 23rd 2020, 4:05 pm

    re add the ...fa_avatar img ... code you deleted

    • Back to top
    The Vinci
    The Vinci
    The Vinci
    Forumember


    Posts : 73
    Reputation : 1
    Language : English
    • Post n°19

    Solved Re: Avatar right aligned?

    Post by The Vinci September 23rd 2020, 4:54 pm

    What code sorry?
    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece
    • Post n°20

    Solved Re: Avatar right aligned?

    Post by skouliki September 23rd 2020, 6:06 pm

    Code:

    fa_avatar img {
      width:25px;
      height:25px;
      margin-right:5px;
      margin-bottom:-6px;
      -webkit-border-radius:3px;
        -moz-border-radius:3px;
          border-radius:3px;
     }
     
     
     
     
     


    • Back to top
    The Vinci
    The Vinci
    The Vinci
    Forumember


    Posts : 73
    Reputation : 1
    Language : English
    • Post n°21

    Solved Re: Avatar right aligned?

    Post by The Vinci September 23rd 2020, 6:15 pm

    Added.

    Everything remained the same.
    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece
    • Post n°22

    Solved Re: Avatar right aligned?

    Post by skouliki September 23rd 2020, 6:46 pm

    Replace with this ( the dot was missing when you post the code here )

    Code:

    .fa_avatar img {
      width:25px;
      height:25px;
      margin-right:5px;
      margin-bottom:-6px;
      -webkit-border-radius:3px;
        -moz-border-radius:3px;
          border-radius:3px;
     }
     


    FIXED


    Last edited by skouliki on September 23rd 2020, 7:01 pm; edited 1 time in total

    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece
    • Post n°23

    Solved Re: Avatar right aligned?

    Post by skouliki September 23rd 2020, 7:00 pm

    APE wrote:Remove the code gave by SarkZKalie and add this code. The code will move it to the right by 20px
    Code:
    .postprofile-contact {
        padding-left: 20px !important;
    }



    Also added and fixed

    • Back to top
    The Vinci
    The Vinci
    The Vinci
    Forumember


    Posts : 73
    Reputation : 1
    Language : English
    • Post n°24

    Solved Re: Avatar right aligned?

    Post by The Vinci September 23rd 2020, 8:07 pm

    Thanks! Worked.

    Now the only thing that needs fixing is the information below the avatar isn't centered. How to fix?
    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece
    • Post n°25

    Solved Re: Avatar right aligned?

    Post by skouliki September 23rd 2020, 8:16 pm

    try

    Code:

    dd.postprofile-info {
        padding-left: 20px !important;
    }


    • Back to top
    The Vinci
    The Vinci
    The Vinci
    Forumember


    Posts : 73
    Reputation : 1
    Language : English
    • Post n°26

    Solved Re: Avatar right aligned?

    Post by The Vinci September 23rd 2020, 8:54 pm

    Still didn't work.

    Also move the icons left again. Feel free to try on the forum.
    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece
    • Post n°27

    Solved Re: Avatar right aligned?

    Post by skouliki September 23rd 2020, 9:02 pm

    You can not make them like here
    Either you will center them or move them to the right

    • Back to top
    The Vinci
    The Vinci
    The Vinci
    Forumember


    Posts : 73
    Reputation : 1
    Language : English
    • Post n°28

    Solved Re: Avatar right aligned?

    Post by The Vinci September 23rd 2020, 9:11 pm

    skouliki wrote:You can not make them like here
    Either you will center them or move them to the right
    Ok lets make the information below avatar centered with the icons centered, then call it a day.

    That work?
    • Back to top
    skouliki
    skouliki
    skouliki
    Manager
    Manager


    Female Posts : 15391
    Reputation : 1709
    Language : English,Greek
    Location : Greece
    • Post n°29

    Solved Re: Avatar right aligned?

    Post by skouliki September 23rd 2020, 9:55 pm

    delete this

    Code:

    .postprofile-info {
      padding-left: 20px!important;
      }

    add this

    Code:

    .postprofile-info {
          text-align: center;
    }
    .postprofile-contact {
        padding-left: 20px !important;
    }


    • Back to top
    The Vinci
    The Vinci
    The Vinci
    Forumember


    Posts : 73
    Reputation : 1
    Language : English
    • Post n°30

    Solved Re: Avatar right aligned?

    Post by The Vinci September 23rd 2020, 10:05 pm

    Text centered. Icons remained aligned left.
    • Back to top

      Current date/time is November 14th 2024, 1:21 pm