Hey

So, I need help with custom profile fields on the posts. The issue is that all custom fields are spawned as a single DD element, like the Rank / Username, like this:

Code:


<dd>
    <!-- BEGIN profile_field -->
    {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
    <!-- END profile_field -->
</dd>

I want to have access to the custom profile fields separatedly so that I can reposition them using CSS.

if this doesn't do the trick let me know each thing you wanna add spacing to and ill be more specific with the elements

Code:

  .postprofile a{line-height: 30px;}
  .postprofile span{line-height: 20px;}
  .postprofile img{padding-top: 20px;}

That doesn't access the fields directly, what I want to do is exactly that.

Hello MarcoNecroX,

Are you wanting to add a classname to specific profile fields, so that you may reposition them ? I just want to clarify before I do anything.

Thanks

Hi,

Yes, but I'm talking about the custom ones. For example badge fields I have on my forums, but not all users have them.

Is the badge field just an image, or does it have text also ?

well images yes, which can be accessed by img[src=""], but there are also text / number fields in it.

Could you give me an example; a link or image ?

There isn't a specific way via templates, but you can use regular expressions to wrap the fields you want with tags. If it's just an image, you are correct that you can use the src attribute in your selector.

example thread: http://www.medianxl.com/t6095-contest-results#164932

you can see Cookies field. I would for example like to move that. How would I move it without using :nth selectors (because not all users have that field)?

Without js/jq of course - my question is if it can be done via templates / css alone (in a reliable way)

As far as I know your only way without JavaScript would be :nth-child, but in your situation it's unreliable. The templates wouldn't be possible as the profile fields are in variables. By wrapping them with tags, you add that class to all fields :

Code:

<div class="profile_field">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>