Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Reduce Margin In Contact Form


Question

Posted · Report post

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

1 person likes this

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

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]

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites