Hi,
I am assuming this is in reference to Propulsion v 1.7 ? Please check your style.css file to find out what version you are using, and if its not the current one , please go to Theme Forest , login with the account you've purchased the theme and update. All customizations will be overwritten by the update so make sure you make a backup of the current theme files.
In the future please use a child theme, This way when you make customizations , you only make them in the child theme folder thereby allowing you to update your theme without overwriting any of your customizations.
----
The modification below should make your single portfolio page look like this http://i.imgur.com/nHsUG.png from the way it currently looks ( http://www.kriesi.at/themes/propulsion/portfolio-item/lorem-ipsum/ )
This is the css you need, though you can change it, Image occupies 35% of the left half. You can switch them to make the image larger than the text on the right. Please add it to your quick css in the backend Propulsion > Theme Options > Styles or to your custom.css file
#top.single-portfolio .container .three.units {width: 35%}
#top.single-portfolio .container .nine.units {width: 60%}
Now the php changes :
1) In functions.php you will have to create a new custom size for the slider image for this page so paste the code below on line 46
$avia_config['imgSize']['new_portfolio_left'] = array('width'=>400, 'height'=>9999, 'crop'=>false); // custom portoflio item page left image
2) Now in loop-portfolio-single.php, change line 16 so that it looks like this (it currently looks almost identical):
$slider->setImageSize('new_portfolio_left');
3) in same file (loop-portfolio-single.php) change line 30 which looks like
echo "<div class='container_wrap' id='slideshow_big'><div class='container'>".$slideHtml."</div></div>";
to look like
echo $slideHtml;
4) Now cut (ctrl-x) line 23-33 which looks like
<?php
//call the function that displays featured images and slideshows within posts
if($slideHtml)
{
echo $slideHtml;
$avia_config['slider_first_post_active'] = true;
}
?>
and paste all of it right after line 29 (it used to be line 39 before we cut that chunk of code in previous step) , but in any case paste it right after the line which looks like:
<?php echo "<h1 class='post-title portfolio-single-post-title'>".get_the_title()."</h1>"; ?>
so that your end result after you pasted the code would look like :
<div class="three units alpha blog-meta meta-color">
<?php echo "<h1 class='post-title portfolio-single-post-title'>".get_the_title()."</h1>"; ?>
<?php
//call the function that displays featured images and slideshows within posts
if($slideHtml)
{
echo $slideHtml;
$avia_config['slider_first_post_active'] = true;
}
?>
<div class='portfolio-inner-meta extralight-border'>
*the first two lines and the last line above were there before you pasted anything.
I think that's it. Though I didn't test it, it should work fine. I played around in firebug and that is the simplest way to do it. Just make sure you take those extra div's off in step 3 or it will not look right. You will also need to regenerate your thumbnails since we added an extra image size for which you can use this plugin http://wordpress.org/extend/plugins/regenerate-thumbnails/
Thanks,
Nick