記事下の行間を狭くしたい

.sns-group-bottom {
  margin: (上下に開けたいサイズ) 0;
}

これで上下に任意のサイズ分スペースを開けられます。上下を別にしたい場合は、

.sns-group-bottom {
  margin: 上に開けたいサイズ 0 下に開けたいサイズ;
}

とすることで、左右はマージン0、上下をそれぞれのサイズにすることができます。
しかし、広告の部分のボトムマージンも入っているため、そこも直さないと広告のボトムマージンより小さくなることはありません。
.ad-article-bottomは特に何も設定は無さそうなので、

.ad-space {
  margin: 30px 0 任意のサイズ;
}

とすると広告の回りのマージンは上:30px、左右:0、下:任意のサイズとすることができます。おそらく広告とSNSはここらを直せば良いと思います。

同じくして、.sns-group-bottomの上下マージンを仮に0とした時、その下にある「この記事を書いた人」の部分がh3とかh4の場合、そのヘッダのマージンなども出てくると思うのでより狭くするためには、そこらも調整する必要があります。

Hidekichi様

とても親切なご返信ありがとうございます。
1つ1つスタイルシートを変更しながらやってみます。

本当にありがとうございました。

お世話になります。

スタイルシートでHidekichi様に教えていただいた通りのコードを挿入しましたがなぜか反映されません。

とりあえず広告下とSNSボタンの間のスペースを埋めようと、広告下のスペースは0にしてシェアボタン上の行間も0にしても全く変化がありません。

.sns-group-bottom {
margin: 0 0;
}

.ad-space {
margin: 30px 0 0;
}

何か間違っているでしょうか？
重ね重ねの質問で本当に申し訳ありません。

わいひら様

ご返信いただきありがとうございました。

初めに書かせていただきましたが、「この記事を書いた人」はプラグインではなくテキストウィジェットを使って表示させています。

子テーマstyle.cssを上書きする何かがあるんですかね？
それか、.sns-group-bottomにpaddingが設定されてるだけとかというオチかも知れませんけど。

もうひとつ有力そうな要因があるとすればulなどですかね。
.sns-group-bottomあたりの中の子要素にulが使われてる場合は、そのマージンやらを無くせばイケるかも知れません。

どうなってるかはサイトを見てみないとわかりませんが、まぁこういった中身の子要素にマージンが使われてるとはみ出て押し広げてる可能性は無きにしも非ず。

はみ出た要素が単純にスペースなら、

.sns-group-bottom {
  overflow: hidden;
}

でイケると思いますけど、何かしら表示部分があるならそこが中途半端に消されるかも知れませんね。

ulやらの継承関係ではみ出ているというやつは原因を見つけるのが面倒臭い部類のやつです。まぁデフォルトのulやらをリセットしとけよってことなんですけど、昔みたいにガチガチにリセットするのは最近あんまり好まれてないみたいですし、要素間を読みやすくするために広げると言うのはよくある話ですが狭めるというのはあんまりないので盲点だったかも知れませんね。