I would like for my profile pages to appear as seen in the demo with the posts shown beside the profile info. box. On my profile page the posts show below the profile info. box.

My profile:
http://acematastrology.com/profile/

Demo profile:

How can I edit these shortcodes in the Member Profile page to appear as seen in the Demo?

[userpro template=view]

[userpro template=postsbyuser user=author postsbyuser_num=4]

Also, I have tried Method A and B to show Profile Picture. It does not display. I have also deactivated some plugins but it is still not appearing.

Please Go to Settings -> Compatibility Settings -> Change URL Encoding and toggle the setting’s value.

If still the issue persists – Request you to please raise the issue using the contact form on my profile page along with the site URL, this would help me to track the issue to closure. Link to contact page is – http://codecanyon.net/user/DeluxeThemes#contact

2. About Profile and post issue –

The theme that we are using on the demo is this http://themeforest.net/item/the7-responsive-multipurpose-wordpress-theme
it has a Visual Composer built in , which allows you to create vertical sections on a post and that is how we were able to create this layout with two different shortcodes on the same post, displayed vertically.