userInfoPane question

[Sharpienero]

Hi there!

 

I have a simple question about the following:

 

 

I need to know how to keep the field name on the left side (aligned with the avatar) and the pulled amount on the right side. Kind of the way that Webflake does it. The other question I have is how do I make the date "neater" and shorter much like Webflake?

 

 

Thank you in advance.

Edited March 10, 2015 by Sharpienero

[Thorn]

It would be done by adding the "float: left;" styling to the labels and "float: right;" to the amounts.  You would also need the "display:inline-block;" and 100% width effects to the parenting <li> tag.

 

This CSS should do the trick:

div.author_info > .user_details > ul.custom_fields li {
	width: 100%!important;
	display: inline-block!important;
}

div.author_info > .user_details > ul.custom_fields li > .ft {
	float: left!important;
}

div.author_info > .user_details > ul.custom_fields li > .fc {
	float: right!important;
}

You may need to mess with the margin to get it perfectly aligned, but that code should do the trick.  Just add it anywhere in your ipb_styles.css template.

[Sharpienero]

@Thorn Hi there! 

 

 

I just wanted to say thank you for taking the time to answer my question, however, it didn't produce the desired effect. As a matter of fact, it didn't change anything relating to the matter.

 

Here is my (altered) ipb_styles.css:

 

and here is the result: 

 

 

I realized that I'm half-slow. I've figured out how to do it like this;  

 

but the formatting of the date is still off. I want it to say XX Mon Year. Can anyone help?

Edited March 10, 2015 by Sharpienero

[Thorn]

@Sharpienero I based that code of of how WebFlake is coded, but your theme may be different.  Can you send me the link to your forum so I can provide an accurate code please?

Edited March 10, 2015 by Thorn

[Sharpienero]

@Sharpienero I based that code of of how WebFlake is coded, but your theme may be different.  Can you send me the link to your forum so I can provide an accurate code please?

I've figured it out. Thanks anyway!

 

Admins/moderators can close this now.

[Thorn]

I've figured it out. Thanks anyway!

 

Admins/moderators can close this now.

Glad you got it solved!

[Kingy]

The question(s) in this support topic have been answered and the owner has been able to solve the problem. Because of this, the support topic has been closed and moved.

If you have other questions, please open a new topic.