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.

Avatar right aligned?

+2
SarkZKalie
The Vinci
6 posters

Page 1 of 2 1, 2  Next

Go down

Solved Avatar right aligned?

Post by The Vinci Tue 22 Sep - 20:05

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.
The Vinci
The Vinci
Forumember

Posts : 73
Reputation : 1
Language : English

https://futbolcards.forumotion.com/

Back to top Go down

Solved Re: Avatar right aligned?

Post by SarkZKalie Tue 22 Sep - 21:00

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


Avatar right aligned? Sarkzk10
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1397
Reputation : 217
Language : English

https://rotavn.forumotion.com/

TonnyKamper likes this post

Back to top Go down

Solved Re: Avatar right aligned?

Post by The Vinci Tue 22 Sep - 22:15

Added.

Nothing changed on my end.
The Vinci
The Vinci
Forumember

Posts : 73
Reputation : 1
Language : English

https://futbolcards.forumotion.com/

Back to top Go down

Solved Re: Avatar right aligned?

Post by SLGray Tue 22 Sep - 23:10

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.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51172
Reputation : 3507
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Avatar right aligned?

Post by Ape Wed 23 Sep - 0:33

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
Ape
Ape
Administrator
Administrator

Male Posts : 18693
Reputation : 1959
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

TonnyKamper likes this post

Back to top Go down

Solved Re: Avatar right aligned?

Post by The Vinci Wed 23 Sep - 1:27

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?
The Vinci
The Vinci
Forumember

Posts : 73
Reputation : 1
Language : English

https://futbolcards.forumotion.com/

Back to top Go down

Solved Re: Avatar right aligned?

Post by SLGray Wed 23 Sep - 2:08

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.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51172
Reputation : 3507
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Avatar right aligned?

Post by The Vinci Wed 23 Sep - 2:26

Gotcha.

So there is no way to center the contact buttons on modernBB?
The Vinci
The Vinci
Forumember

Posts : 73
Reputation : 1
Language : English

https://futbolcards.forumotion.com/

Back to top Go down

Solved Re: Avatar right aligned?

Post by SLGray Wed 23 Sep - 2:52

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.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51172
Reputation : 3507
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Avatar right aligned?

Post by The Vinci Wed 23 Sep - 2:55

Doesn't seem to work using the center tag.
The Vinci
The Vinci
Forumember

Posts : 73
Reputation : 1
Language : English

https://futbolcards.forumotion.com/

Back to top Go down

Solved Re: Avatar right aligned?

Post by SLGray Wed 23 Sep - 3:03

Add important.


Avatar right aligned? Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51172
Reputation : 3507
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Avatar right aligned?

Post by The Vinci Wed 23 Sep - 3:09

Still didn't work.

Ummm, is this odd?
The Vinci
The Vinci
Forumember

Posts : 73
Reputation : 1
Language : English

https://futbolcards.forumotion.com/

Back to top Go down

Solved Re: Avatar right aligned?

Post by skouliki Wed 23 Sep - 7:44

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 Wed 23 Sep - 10:58; edited 1 time in total
skouliki
skouliki
Manager
Manager

Female Posts : 14217
Reputation : 1635
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Avatar right aligned?

Post by Ape Wed 23 Sep - 10:39

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
Ape
Ape
Administrator
Administrator

Male Posts : 18693
Reputation : 1959
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Avatar right aligned?

Post by The Vinci Wed 23 Sep - 13:49

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
The Vinci
The Vinci
Forumember

Posts : 73
Reputation : 1
Language : English

https://futbolcards.forumotion.com/

Back to top Go down

Solved Re: Avatar right aligned?

Post by skouliki Wed 23 Sep - 14:36

After center remove the ;
skouliki
skouliki
Manager
Manager

Female Posts : 14217
Reputation : 1635
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Avatar right aligned?

Post by The Vinci Wed 23 Sep - 14:56

Still didn't work. 

Also the avatar picture in the toolbard is huge now.
The Vinci
The Vinci
Forumember

Posts : 73
Reputation : 1
Language : English

https://futbolcards.forumotion.com/

Back to top Go down

Solved Re: Avatar right aligned?

Post by skouliki Wed 23 Sep - 16:05

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

Female Posts : 14217
Reputation : 1635
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Avatar right aligned?

Post by The Vinci Wed 23 Sep - 16:54

What code sorry?
The Vinci
The Vinci
Forumember

Posts : 73
Reputation : 1
Language : English

https://futbolcards.forumotion.com/

Back to top Go down

Solved Re: Avatar right aligned?

Post by skouliki Wed 23 Sep - 18:06

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;
 }
 
 
 
 
 

skouliki
skouliki
Manager
Manager

Female Posts : 14217
Reputation : 1635
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Avatar right aligned?

Post by The Vinci Wed 23 Sep - 18:15

Added.

Everything remained the same.
The Vinci
The Vinci
Forumember

Posts : 73
Reputation : 1
Language : English

https://futbolcards.forumotion.com/

Back to top Go down

Solved Re: Avatar right aligned?

Post by skouliki Wed 23 Sep - 18:46

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 Wed 23 Sep - 19:01; edited 1 time in total
skouliki
skouliki
Manager
Manager

Female Posts : 14217
Reputation : 1635
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Avatar right aligned?

Post by skouliki Wed 23 Sep - 19:00

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
skouliki
skouliki
Manager
Manager

Female Posts : 14217
Reputation : 1635
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Avatar right aligned?

Post by The Vinci Wed 23 Sep - 20:07

Thanks! Worked.

Now the only thing that needs fixing is the information below the avatar isn't centered. How to fix?
The Vinci
The Vinci
Forumember

Posts : 73
Reputation : 1
Language : English

https://futbolcards.forumotion.com/

Back to top Go down

Solved Re: Avatar right aligned?

Post by skouliki Wed 23 Sep - 20:16

try

Code:

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

skouliki
skouliki
Manager
Manager

Female Posts : 14217
Reputation : 1635
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Avatar right aligned?

Post by The Vinci Wed 23 Sep - 20:54

Still didn't work.

Also move the icons left again. Feel free to try on the forum.
The Vinci
The Vinci
Forumember

Posts : 73
Reputation : 1
Language : English

https://futbolcards.forumotion.com/

Back to top Go down

Solved Re: Avatar right aligned?

Post by skouliki Wed 23 Sep - 21:02

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

Female Posts : 14217
Reputation : 1635
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Avatar right aligned?

Post by The Vinci Wed 23 Sep - 21:11

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?
The Vinci
The Vinci
Forumember

Posts : 73
Reputation : 1
Language : English

https://futbolcards.forumotion.com/

Back to top Go down

Solved Re: Avatar right aligned?

Post by skouliki Wed 23 Sep - 21:55

delete this

Code:

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

add this

Code:

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

skouliki
skouliki
Manager
Manager

Female Posts : 14217
Reputation : 1635
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Avatar right aligned?

Post by The Vinci Wed 23 Sep - 22:05

Text centered. Icons remained aligned left.
The Vinci
The Vinci
Forumember

Posts : 73
Reputation : 1
Language : English

https://futbolcards.forumotion.com/

Back to top Go down

Page 1 of 2 1, 2  Next

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum