Styling Edit Profile fields

[Macarius]

I have added Custom fields to users profile in addition to the social links. This makes my page long need to style the profile edit to display the fields sided by side. I tried doing that via css but failed. Can you please help? Please see this image for further explanation. Also, I realised that all the Save Buttons of theme are just Text. is there a way I can style them as buttons? Please advise.

[Macarius]

@zarko , Any help with this?

[Macarius]

@zarko, @vapvarun, please help with this styling

[Anonymous]

@donmacarius

#buddypress .standard-form#profile-edit-form .editfield { width: 50%; float: left; padding: 0 15px;}
#buddypress .standard-form#profile-edit-form  {margin-left: -15px; margin-right: -15px}
#buddypress #profile-edit-form>h4:first-child {margin-left: 15px; margin-right: 15px}

[Macarius]

@zarko, that did the trick. Thanks

[Anonymous]

Cool, thanks Zarko