Align author pane info fields?

[Genestoy]

Does anyone know how to left align the member info below the avatar in the author pane? Hopefully in the custom.css

Right now it looks like this--

      Gender:
 Location:
       Vehicle:
   Vehicle Model:
Vehicle Year:

I would like it to look like this--

Gender:
Location:
Vehicle:
Vehicle Model:
Vehicle Year:

[Heosforo]

Try

.cAuthorPane {
  text-align: left;
}

 

[Genestoy]

Thanks, but that aligned "everything" in the author pane to the left including the avatar? I just want the profile fields aligned.

[Heosforo]

Oh ok, maybe this:

.cAuthorPane {
  text-align: left;
}
.cAuthorPane_photo {
  text-align: center;
}

User name centered too?

[Genestoy]

That only moved the avatar back so I guess there is no way to left align just the profile fields mentioned above?

Thanks for trying!

[Pandemixx]

Can you post or PM the link to your board so we can take a better look?

[DesignzShop]

Use custom divs in your postContainer template dividing those sections then in your custom.css you can put those custom divs into css rules and align left.

That's how I do it with our themes at DesignzShop. An example below except I use center instead of left in my rules for the custom divs. Others may do it differently however. I needed and wanted my users however to full control over the area.

Regards

[Genestoy]

6 minutes ago, DesignzShop said:

Use custom divs in your postContainer template dividing those sections then in your custom.css you can put those custom divs into css rules and align left.

Regards

Thanks, I figured I would have to do that but I didn't want to edit the template because they don't get updated with the IPS updates so was hoping for just a simple CSS. I will just have to live with them the way they are.

[DesignzShop]

3 minutes ago, Genestoy said:

Thanks, I figured I would have to do that but I didn't want to edit the template because they don't get updated with the IPS updates so was hoping for just a simple CSS. I will just have to live with them the way they are.

You are correct Genestoy, that certainly would require some extra effort to keep updated. That template seems to find it's way into the updates fairly frequently too. ? Sorry there wasn't a better solution here. Kind Regards

[steve00]

paste link to view as I solved this sometime ago without using template changes (earlier version though)

[Genestoy]

1 minute ago, steve00 said:

paste link to view as I solved this sometime ago without using template changes (earlier version though)

Sorry, can't do that as I have had too many trolls, spammers and hackers and just got it all cleaned up again, can't chance it again as my host closed us down because of the attacks, granted it was the 3 version and that is why I finally upgraded to 4.2.9 to get back online. I thought someone had solved this some time ago but a search yielded nothing. I know it was done in the 3 versions.

[AlexWright]

Under each field you want displayed like this:

Display format
Will be displayed next to content the user submits. Leave blank to not show.
{title} is the title of the custom field, {content} is the user added content and {member_id} is the member's ID number.
Example: <strong>{title}:</strong> {content}

You can add a span in front (or should be able to. Untested.

<span style="text-align: left;"><strong>{title}:</strong> {content}</span>

For example.

[steve00]

59 minutes ago, Genestoy said:

Sorry, can't do that as I have had too many trolls, spammers and hackers and just got it all cleaned up again, can't chance it again as my host closed us down because of the attacks, granted it was the 3 version and that is why I finally upgraded to 4.2.9 to get back online. I thought someone had solved this some time ago but a search yielded nothing. I know it was done in the 3 versions.

PM would stop trolls etc

Anyway, no worries, hope you get it sorted

[Genestoy]

1 hour ago, AlexWright said:

Under each field you want displayed like this:

Display format
Will be displayed next to content the user submits. Leave blank to not show.
{title} is the title of the custom field, {content} is the user added content and {member_id} is the member's ID number.
Example: <strong>{title}:</strong> {content}

You can add a span in front (or should be able to. Untested.

<span style="text-align: left;"><strong>{title}:</strong> {content}</span>

For example.

Nope, no joy - that worked in the 3 versions but not now.

[AlexWright]

50 minutes ago, Genestoy said:

Nope, no joy - that worked in the 3 versions but not now.

Sorry to hear that. I'm mobile and at work at the moment, so I'll have to look at it later.

[Genestoy]

Got it, this works--

<div align="left"><strong>{title}:</strong> {content}</div>