asked on

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

I have a site here:

http://rentawebguy.net/move2perform/faq

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.
ss.png

xDUCKx

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

http://www.w3schools.com/css/css_padding.asp

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:

http://www.w3schools.com/css/css_background.asp

Julian Hansen

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;

ASKER CERTIFIED SOLUTION

Chris Stanyon

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Donnie Walker

ASKER

That is very close Chris. There is still some sort of padding or margin on the outside of the contentpaneopen element.

Donnie Walker

ASKER

Thanks!

Chris Stanyon

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 Walker

ASKER

thanks again!