2

非常に簡単に言えば、Wordpress ページのオブジェクト間の間隔を制御するにはどうすればよいですか?

具体的には、下の画像の緑色のボックス間の空白を削除しようとしています:

スクリーンショット: http://goo.gl/doZve ページ: http://bellairecabinets.com/new/

電話番号（上）の画像をフォーム（下）に接続したいです。フォームに適用するCSSを確認したところ余白がありません。HTML コードまたは Wordpress WYSIWYG にもブレークスペースはありません。

なぜ空白？

また、間違った情報を入力して [送信] をクリックすると、フォームの上にアラートが表示されます。これにより、レイアウト全体が下に移動します。どうすればこれを修正できますか? ページではなくポップアップ ボックスに表示されるようにアラートを変更する方法はありますか?

ありがとう！

4

2 に答える 2

1

空白は、 with クラスmargin-bottom: 15px;内の段落要素に存在するためです。段落には の もあります。divvideo-subline-height20px

これを CSS に追加します。

.video-sub p
{
    line-height: 0;
    margin-bottom: 0;
}

緑色のボックスをスライドショーに合わせるには、次の操作を行います。

.video-sub
{
    padding-top: 0;
}

CSSポップアップの場合、これを行うことができます：

.form-error
{
    background-color: white;
    left: 0;
    margin: 0 auto;
    padding: 10px;
    position: fixed;
    right: 0;
    top: 30px;
    width: 980px;
    z-index: 1;
}

上記のコードを、エラーとフォーム送信メッセージを処理する次のコードに置き換えることができると思います。

#contact-form-4758
{
     background-color: white;
     left: 0;
     margin: 0 auto;
     padding: 10px;
     position: fixed;
     right: 0;
     top: 30px;
     width: 980px;
     z-index: 1;
}
于 2013-01-24T01:53:02.187 に答える
0

WordPress コンテンツの余分なスペースは、多くの場合、WordPress の自動段落コードが原因です。これは wp_autop() という名前の関数です。その目的は、入力で改行が発生する場所に HTML 区切り段落を追加することです。オフにする方法や、必要な場合にのみ適用する方法があります。WordPress フォーラムまたは autop を検索します。

于 2013-01-24T01:55:05.273 に答える