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.

Profile images / Status image

View previous topic View next topic Go down

In progress Profile images / Status image

Post by Wealh on October 26th 2015, 5:58 pm

I want to center the profile images (Avatar, Rank & Rank image (not the username, nor the info)).

I also want to move the status (online, offline) image next to the username, but how?

http://boredom.iftopic.com/t1-enttry-37

Wealh
Forumember

Posts : 69
Reputation : 6
Language : English

http://boredom.iftopic.com/

Back to top Go down

In progress Re: Profile images / Status image

Post by SLGray on October 26th 2015, 6:00 pm

Add this to your CSS Stylesheet:
Code:
.pun .user-ident .user-basic-info {
    text-align: center;
}


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


SLGray
Administrator
Administrator

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

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Profile images / Status image

Post by Wealh on October 26th 2015, 6:02 pm

@SLGray wrote:Add this to your CSS Stylesheet:
Code:
.pun .user-ident .user-basic-info {
    text-align: center;
}

Thanks, what for the status image? Or can I move the status image to the center too (without moving the info)?

Plus, I centered all but can I move everything to left (They will be centered, but at the left)

Wealh
Forumember

Posts : 69
Reputation : 6
Language : English

http://boredom.iftopic.com/

Back to top Go down

In progress Re: Profile images / Status image

Post by Ange Tuteur on October 26th 2015, 6:38 pm

Hi @Wealh,

You could try absolutely positioning the icon and then placing it on the top right ( or left ). CSS :
Code:
.post .i_icon_online {
  position:absolute;
  right:1px;
  top:1px;
}

You might need to add a bit of padding depending on where you put it. You should be able to apply that with :
Code:
.post .username {

}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Profile images / Status image

Post by Wealh on October 26th 2015, 7:31 pm

@Ange Tuteur wrote:Hi @Wealh,

You could try absolutely positioning the icon and then placing it on the top right ( or left ). CSS :
Code:
.post .i_icon_online {
  position:absolute;
  right:1px;
  top:1px;
}

You might need to add a bit of padding depending on where you put it. You should be able to apply that with :
Code:
.post .username {

}

Thanks, but how to move it in the middle (under the rank image) without moving the info (Posts, Join date)?

Wealh
Forumember

Posts : 69
Reputation : 6
Language : English

http://boredom.iftopic.com/

Back to top Go down

In progress Re: Profile images / Status image

Post by Ange Tuteur on October 26th 2015, 7:53 pm

Try using this CSS for doing that :
Code:
.post .i_icon_online {
  display:block;
  margin:0 auto;
}

.post .i_icon_online + br { display:none; }

It should center the online image without centering anything else.

Ange Tuteur
Forumaster

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

http://fmdesign.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