html - 表の下枠付き画像

Question

私が志願している教会の Wordpress テーマを使用して、サブフォルダー (http://www.highlandcc.org/new) に作成しています。このサイトについてはまだラフなことがたくさんありますが、今のところ...

2 つの質問があります。

主役の画像の右側にあるアイコンはそれぞれ、下部にスペースが埋め込まれていますが、それを削除する方法が見つからないようです. 私は試してみcellpadding="0" cellspacing="0"ましたがborder-collapse: collapse...すべて役に立ちませんでした。
これはビルダーテーマであり、各セクションはモジュールです。すべてのモジュールの周囲に余分なパディング/マージンを取得しています。「New to Highland」セクションは、画像機能セクションと同一平面上に配置する必要があります。

手伝ってくれますか？

score 1 · Accepted Answer

ウィジェットの「a img」に CSS クラスを追加し、次のように記述します。

.yourclass{
  margin: -7px 0 0 0;
}

score 0 · Accepted Answer

画像はデフォルトでインラインブロックであるため、画像間にスペースがあります。

CSS には、次のような規則があります。

.widget *:last-child {
    margin-bottom: 0;
}
.widget *:first-child {
    margin-top: 0;
}

余白を機能させるには、画像を作成してくださいdisplay: block;

.textwidget img {
   display: block;
}

2 に答える 2