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.

Help: Centering Rank Titles

2 posters

Go down

Help: Centering Rank Titles Empty Help: Centering Rank Titles

Post by Arrandale April 8th 2012, 1:36 am

This may be a noobish question. When I add rank images for admins, community leaders, etc, they appear in the same position each time at the left. Unfortunately, users' avatars vary in width, and I find it rather unattractive to not have the rank image centered above the avatar. Is there a way to get the rank to center, instead of default at the left? Thanks.
avatar
Arrandale
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Help: Centering Rank Titles Empty Re: Help: Centering Rank Titles

Post by Guest April 8th 2012, 2:04 am

Hi!

Add to JavaScript management:
Code:
$(function(){
$('.postprofile dl dd(eq(0)) img').addClass('rankimg');
});
Placement : Only In the topics;

Then add to CSS Stylesheet:
Code:
.rankimg{
  margin-left: 100px !important;
}
avatar
Guest
Guest


Back to top Go down

Help: Centering Rank Titles Empty Re: Help: Centering Rank Titles

Post by Arrandale April 8th 2012, 2:29 am

Thanks for the fast reply, I really appreciate the help. For some reason it still appears to the left. I'm not sure if I did something wrong. I added the javascript code, and made the edit to the CSS stylesheet.
avatar
Arrandale
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Help: Centering Rank Titles Empty Re: Help: Centering Rank Titles

Post by Arrandale April 8th 2012, 2:43 am

It might just look better to add a space between the rank image and the user's avatar, and it's probably easier. Do you know how to do that?
avatar
Arrandale
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Help: Centering Rank Titles Empty Re: Help: Centering Rank Titles

Post by SLGray April 8th 2012, 3:52 am

Arrandale wrote:Thanks for the fast reply, I really appreciate the help. For some reason it still appears to the left. I'm not sure if I did something wrong. I added the javascript code, and made the edit to the CSS stylesheet.

Arrandale wrote:It might just look better to add a space between the rank image and the user's avatar, and it's probably easier. Do you know how to do that?

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!




Help: Centering Rank Titles 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 : 51464
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

Back to top


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