<div>
In <b>wpsc_style.css</b>, search for <b>body.single-wpsc-product .producttext</b> change top: -80px for -390px<br />
<br />

<pre><code id="code-20-36914034-1">body.single-wpsc-product .producttext {
    position: relative;
    top: -390px;
}</code></pre>
<br />
BTW It works on all browsers, except ie 8 and 9... in ie8 and 9 all the styles are messed up :S
</div>


In wpsc_style.css, search for body.single-wpsc-product .producttext change top: -80px for -390px



body.single-wpsc-product .producttext {
    position: relative;
    top: -390px;
}


BTW It works on all browsers, except ie 8 and 9... in ie8 and 9 all the styles are messed up :S

<div>
Try<br />
<br />
&nbsp;div.wpsc_description {<br />
&nbsp; &nbsp; margin-bottom: 10px;<br />
&nbsp; &nbsp; padding-top: 60px;<br />
}
</div>


Try

 div.wpsc_description {
    margin-bottom: 10px;
    padding-top: 60px;
}

<div>
It was something to do with relative vs absolute positioning. 
</div>


It was something to do with relative vs absolute positioning.

<div>
Yours was related, but not really what I ended up doing.
</div>


Yours was related, but not really what I ended up doing.

<div>
<div class="content wysiwyg-content">
<a href="http://generationthrive.com/vitality-shop/books-categories/raw-emotions/" rel="ugc">http://generationthrive.com/vitality-shop/books-categories/raw-emotions/</a><br />
<br />
I'm stuck on the big space in the middle of the page before the description.<br />
<br />
I attempted div.producttext {clear:none;} which brings .producttext to the top. Only then it covers the product image. Why is this gap occurring? How can I make the description sit right under the content above it?
</div>
</div>


http://generationthrive.com/vitality-shop/books-categories/raw-emotions/

I'm stuck on the big space in the middle of the page before the description.

I attempted div.producttext {clear:none;} which brings .producttext to the top. Only then it covers the product image. Why is this gap occurring? How can I make the description sit right under the content above it?

remove big space in content area

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

WordPress is a free and open-source content management system (CMS) based on PHP and MySQL for creating websites and blogs. Features include a plugin architecture, a template system and strong management, customization and search systems; through its dynamic presentation of content, webmasters have the flexibility to create websites easily.