Altering the CSS on the Product Detail page

I've attached a screen shot of a portion of my product detail page. Is there a way to make the image smaller and make the text line up to the right of the image instead of being below it? I hesitate to go in and mess with the CSS other than the configurable CSS file.

to change the image size, edit the webassist/plugins/catalog/details.php page at line 73:
$imgWidth = 300;


you can change the image width there.


Send a link to your site so i can examine the css to determine the best way to move the description text.

Jason,

The address of the website is www.bighornoliveoil.com

Thank you for looking into this.

in the webassist/plugins/catalog/details.php file, change lines 83 - 85:

<div class="addToCart"><?php echo($WAAddToCart->Body); ?></div>

        </div>

        <div id="ProductLongDesc"><?php echo wa_evaluate($row_WADAProducts["ProductLongDesc"]); ?></div>

to:

<div class="addToCart"><?php echo($WAAddToCart->Body); ?></div>

      <div id="ProductLongDesc"><?php echo wa_evaluate($row_WADAProducts["ProductLongDesc"]); ?></div>

        </div>

and in the webassist/themes/BHOOC/css/configurable.css file, add the following css:

#ProductLongDesc {
    float: right;
    width: 400px;
}

Thank you Jason... that worked perfectly.

I don't know if I need to post a different Thread but every time I go in to tweak the custom theme I created, it defaults back to some previous setting that changes the background color and a number of other page features. It doesn't change everything back... just certain page elements.

How do I prevent this from happening? Where is the file it's defaulting to, so I can go in and make the changes permanent?

it should take the settings from the configurable.css file.