Question re: text alignment in mini profiles

[Shaliza]

Forum URL: allkindsofeverything.boards.net

I've been playing around with mini profiles on my site lately, and have run into a few problems with text alignment. 

I want the Profile name, custom user title and rank stars to be centered, but the custom member fields to be left justified. 

I tried to change this on the Visual Editor under Advanced Styles and CSS but it didn't work, because it changed everything to being left justified, instead of just the custom profile fields (location and interests). 

Also when I tried to make the changes under Visual Editor it affected only the odd numbered posts, but not the even ones. 

Any help would be appreciated. Thank you!

~Shaliza

[Shaliza]

Um... any suggestions or help with this problem?

Thanks a bunch!

~Shaliza

[Tumbleweed]

Oct 11, 2015 9:35:17 GMT -8 Shaliza said:

Forum URL: allkindsofeverything.boards.net

I've been playing around with mini profiles on my site lately, and have run into a few problems with text alignment. 

I want the Profile name, custom user title and rank stars to be centered, but the custom member fields to be left justified. 

I tried to change this on the Visual Editor under Advanced Styles and CSS but it didn't work, because it changed everything to being left justified, instead of just the custom profile fields (location and interests). 

Also when I tried to make the changes under Visual Editor it affected only the odd numbered posts, but not the even ones. 

Any help would be appreciated. Thank you!

~Shaliza

I have the things you mentioned centered but my custom fields automatically align left so not sure what changed in yours. But anyway, I haven't found the right class to center all custom member fields at once with css (I'm sure there is a way} but you can target each custom field. The example below I have a stupid test one for favorite candy:

So I added this to the bottom of my style sheet:

.custom-field-favoritecandy{float:left!important;}

For all of them, just add a comma and add any others like this example:

.custom-field-favoritecandy, .custom-field-skills{float:right!important;}


Or you can go the inline way by just adding it directly to your template like I did in red: (text-align didn't work in either the css or template so I opted for float:left; and the seemed to work however, I'd try text-align:left; first.)


{foreach $[user.mini_custom_field]}
<br /><span style="float:left;" class="$[user.mini_custom_field.content_class]">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</span>
{/foreach}

[Azy]

.info {
    text-align: left !important;
}

Should also work, that'll left align everything in the info div, which includes posts, not sure if you want that?
Where you changed it in the visual editor and it was good, apart from it not affecting even posts? Look underneath all of that next and there should be a separate Even section you can expand out. It'll have all the same stuff in it, so any changes you made to the MP in there you can transplant over.

[Shaliza]

Hi guys,

Thanks for the suggestions. I actually ended up going to the Style Sheet and manually changing the text alignment on lines 1128 and 1131 to "left" and that seems to have taken care of things. Now everything from the status and below is left aligned. It looks better, so I'll keep it that way for now. 

Tumbleweed, I tried to do what you said, but I must not have done it right, since it didn't work. I'm totally new to this coding business, so it's a work in progress, I suppose.

Thanks again for the help, I appreciate it. 

~Shaliza

[Tumbleweed]

Oct 14, 2015 18:53:07 GMT -8 Shaliza said:

Hi guys,

Thanks for the suggestions. I actually ended up going to the Style Sheet and manually changing the text alignment on lines 1128 and 1131 to "left" and that seems to have taken care of things. Now everything from the status and below is left aligned. It looks better, so I'll keep it that way for now. 

Tumbleweed, I tried to do what you said, but I must not have done it right, since it didn't work. I'm totally new to this coding business, so it's a work in progress, I suppose.

Thanks again for the help, I appreciate it. 

~Shaliza

 What I gave you should have worked so it could have been just putting your personal custom fields names in correctly. But moot point now. I'm glad you got it resolved and all on your own. Pat yourself on the back for that. lol

[Shaliza]

Oct 15, 2015 0:24:01 GMT -8 Tumbleweed said:

What I gave you should have worked so it could have been just putting your personal custom fields names in correctly. But moot point now. I'm glad you got it resolved and all on your own. Pat yourself on the back for that. lol

 
Thank you, Tumbleweed. I'm definitely a novice when it comes to coding, but I'm learning new things all the time, which I really enjoy. 

I will definitely bookmark this thread for later because somewhere down the line, your tips will probably be helpful *if* I can put the info. in correctly that is.   Thanks again. 

~Shaliza