The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

rank image isn't centered

View previous topic View next topic Go down

Solved rank image isn't centered

Post by Anzo on September 22nd 2015, 1:32 pm

Hi, Very Happy

I added a Rank Image but it doesn't look centered, here is how it looks: http://prntscr.com/8j5t9r
(Ignore the username top-border i haven't fixed the CSS yet Very Happy )

I had previously edited the templates when i was customizing the profiles, here are how it currently looks there:
Code:
<dd class="profile_d">{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>

Anzo
Forumember

Posts : 303
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Solved Re: rank image isn't centered

Post by Ange Tuteur on September 22nd 2015, 1:36 pm

Hmm.. I know phpbb3 has a margin on their profile fields. Try adding this to your stylesheet to see if it reduces that space :
Code:
.postprofile dd, .postprofile dt {
  margin-left:0;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: rank image isn't centered

Post by Anzo on September 22nd 2015, 1:41 pm

That worked, thanks Very Happy

Also, can I apply the same thing on the avatar? Because sometimes if the Avatar width is big It'll go out of borders to the right, like breaking through or something.

EDIT: Also, when I zoom in just a bit this is what happens: http://prntscr.com/8j5yum

I want them to remain in the center even when zooming in.

Anzo
Forumember

Posts : 303
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Solved Re: rank image isn't centered

Post by Ange Tuteur on September 22nd 2015, 1:49 pm

I think the best solution for that would be to set a max width for the images. Something like :
Code:
.postprofile img {
  max-width:100%;
}

This way it shouldn't overflow the parent container. If it does you can try setting a lower maximum width.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: rank image isn't centered

Post by Anzo on September 22nd 2015, 1:54 pm

That worked.

Thank you Very Happy

Anzo
Forumember

Posts : 303
Reputation : 6
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Solved Re: rank image isn't centered

Post by SLGray on September 22nd 2015, 8:08 pm

Topic solved and archived


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


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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