How do I increase the top and bottom padding and change the background?

I have a site here:

and I need to make the answers to the faq have more space above and below the answer and to change the background to a light yellow similar to the attached image.

Any help would be most appreciated.
Donnie WalkerAsked:
Who is Participating?
Chris StanyonCommented:
Add this to your stylesheet.

.contentpaneopen td {
    background-color: #FFF38C;
    padding: 30px;

Open in new window

you can modify your CSS so the padding at the top is set to what you need it to be:

Without being able to see your code, I'm not sure where to put the padding info (there could be multiple CSS files).

Here's the CSS for background colors:
Julian HansenCommented:
1. On your containing div remove the overflow: hidden and the height: 32px;
2. Createa style for your <td> elements that contain the answer add the following style

   background: #ffffaa;
   padding: 15px 10px;

The height of the expanded panel seems to be set by the jpan-slider - so you might not have to remove the height / overflow: hidden;
Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Donnie WalkerAuthor Commented:
That is very close Chris. There is still some sort of padding or margin on the outside of the contentpaneopen element.
Donnie WalkerAuthor Commented:
Chris StanyonCommented:
The padding (10px) is added from your panel.css file (line 6):

.pane-sliders .moofaq-content { padding:10px; }

Change it or remove it to alter the left and right padding.
Donnie WalkerAuthor Commented:
thanks again!
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.