Resolved Reduce Margin In Contact Form

[texasx 1]

Hi,

Struggeling to find the right custom css to reduce margin between the rows / span from 22 down t 2px. Tried many versions. Here is one of many trials which do not work:

#page.wpcf7-form .post {

margin-top: 2px;

margin-bottom: 2px;

}

-------------------------

This what firebug css code says (margin adjusted in firebug) :

element.style {

margin-bottom: 2px;

margin-top: 2px;

}

p:before {

content: "";

display: block;

overflow: hidden;

width: 8em;

}

p {

margin: 1.6em 0;

orphans: 4;

--------

html

<div id="wpcf7-f729-p100-o1" class="wpcf7">

<form class="wpcf7-form" method="post" action="/#wpcf7-f729-p100-o1">

<div style="display: none;">

<input type="hidden" value="729" name="_wpcf7">

<input type="hidden" value="3.3.1" name="_wpcf7_version">

<input type="hidden" value="wpcf7-f729-p100-o1" name="_wpcf7_unit_tag">

I would really appreciate any help.

Thanks

[mackenzie 12]

If possible please post which site (full url) we should look at for troubleshooting. Many thanks!

[texasx 1]

Hi,

It's the home page: http://www.interactb2b.se/

The contact form at bottom

Thanks

[Danny 1,327]

Hi,

Not sure if I understand what you're trying to do but add the code below to your custom CSS:

.wpcf7-form p {

margin: 2px 0;

}[/CODE]

[texasx 1]

Thanks,

This made it. (Reduced the margin between fields)

I´ve tried a similair one but with a dot in front of the p (.p)

Is there any rules or a short list of how to translate the firebug view into CSS?

I'm looking forward to the day when I know how create working code.

Many thanks for this ... and perhaps some more tips about learning css coding.

[Danny 1,327]

For assistance with CSS, use this link - http://www.w3schools.com/css/

For help with understanding FireBug, read the documentation - http://getfirebug.com/faq/

I also found this which may help you!

http://www.kristarella.com/2009/02/how-to-use-firebug-for-css/

The topic was marked as resolved.