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

The forum of the forums :: Support forum :: Scripts (Coding) Problems :: Scripts Problems Archives

Page 1 of 2 • 1, 2  Next

Go down

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.
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 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
SarkZKalie
SarkZKalie
Support Moderator
Support Moderator

Male Posts : 1446
Reputation : 220
Language : English

https://rotavn.forumotion.com/

TonnyKamper likes this post

Back to top Go down

Solved Re: Avatar right aligned?

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

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

Male Posts : 51555
Reputation : 3524
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 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
Ape
Ape
Administrator
Administrator

Male Posts : 19437
Reputation : 2010
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 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?
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 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.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51555
Reputation : 3524
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 September 23rd 2020, 2:26 am

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

Male Posts : 51555
Reputation : 3524
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 September 23rd 2020, 2:55 am

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

Male Posts : 51555
Reputation : 3524
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 September 23rd 2020, 3:09 am

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

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

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

Male Posts : 19437
Reputation : 2010
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 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
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 September 23rd 2020, 2:36 pm

After center remove the ;
skouliki
skouliki
Manager
Manager

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

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.
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 September 23rd 2020, 4:05 pm

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

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Avatar right aligned?

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

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

skouliki
skouliki
Manager
Manager

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Avatar right aligned?

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

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

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

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

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

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?
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 September 23rd 2020, 8:16 pm

try

Code:

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

skouliki
skouliki
Manager
Manager

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

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.
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 September 23rd 2020, 9:02 pm

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

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

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

skouliki
skouliki
Manager
Manager

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Avatar right aligned?

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

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

The forum of the forums :: Support forum :: Scripts (Coding) Problems :: Scripts Problems Archives

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