Question

I need a wee bit of help with css formatting on my website. Please see the provided screenshot, which relates to http://www.zerogravpro.com/.

css problem http://zerogravpro.com/temp/zgp_formatting.jpg

Problem #1: My orange-background box in the Testimonial sections goes quite a bit lower than I want it. How do I force it to move up, directly beneath the word “Testimonials”?

Problem #2: See the nice “More” button with the green ball and arrow in it? When I tried to use the same exact style down in my Testimonials box, it shows up as just a boring link. I want it to look the same as the button. I’m guessing that the style only gets invoked when it has the right hierarchy, but how can I fix this without messing up any other styles?

I provided the link to my website, so you can view it in Firebug and see exactly what the styles are, etc. Thanks!!

Answer 1

The Box below Testimonials is so low because there are two <br>-Tags below this line:

<p class="dotline"></p>

Remove them and it will fit.

And for the more button, you should add the class more to this <p>-Tag (untested):

<div id="testimonial6" style="">
    <p></p>
</div>