表の上部、下部の行間だけを狭くする方法
-
お世話になっております。
検索しても解決しなかったので、ご質問させていただきます。タイトル通りですが、表の上部（タイトル）と、下部（参照元）を、表に近づけたいです。
検索結果だと、CSS追加など出てくるのですが、全体ではなく、この表の上下だけ行間を狭くするには、どのようにしたらよいでしょうか？
とても基礎的な質問で申し訳ないのですが、ご教授いただけましたら幸いです。
マニュアル確認済み
キャッシュクリア済み
プラグイン全停止済み
WordPressのバージョン : 5.4
ご利用のサーバー名 : Conoha
PHPのバージョン : 7.3.13
OS : windows10
ご利用のブラウザ : Google chrome
該当サイトのURL :
-
こんにちは！JIN運営チームのりょうたです。
この度はJINご利用いただき誠にありがとうございます。タイトル通りですが、表の上部（タイトル）と、下部（参照元）を、表に近づけたいです。
こちらですが、どのように記事を書いてるかによってCSSが変わってくるので一旦テーブルのHTML（タイトルや参照も含めて）をご共有いただけますでしょうか？
お手数お掛け致しますが、宜しくお願い致します。
-
りょうた様
お世話になっております。
ご返信いただいていたことに気づかず、遅くなりまして大変申し訳ございません。テーブル箇所のHTHMはスクショの通りです。
WPのTable機能を使っています。
そのHTMLの上下にタイトルと参照を書いている感じです。お手数をおかけしますが、よろしくお願いいたします。
-
こんにちは！
HTMLの記述を<p style="padding-bottom:0px;">学科試験・実技試験同時受験者の試験結果</p>にまずは変更してください。
上記だけだとタイトルしか狭まらないので、.cps-post-main table { margin-bottom: 0px; }これを追加CSSに追加していただけるとどうでしょうか？
-
ryotaさん
ご返信遅くなり、すみません。
ご回答いただきありがとうございました！上部はHTMLの記載で見事に狭めることができました！
ありがとうございます。ただ、下部の追加CSSを追加する方法ですが、下記スクショのようなエラーが出てしまい、CSS追加自体ができません。
18～20行目です。
再起動したり、WP、JINのバージョンも最新のものになっているのを確認はしました。
時間をおいてというエラーメッセだったので、1週間に3日おきに試してみて、さきほどもやはりだめでした。お手数おかけしておりますが、お返事いただけると幸いです。
よろしくお願いいたします。
-
こんにちは！
ただ、下部の追加CSSを追加する方法ですが、下記スクショのようなエラーが出てしまい、CSS追加自体ができません。
みたところ、ハイフンがおかしい気がします。
「-」に変えて再度試してみてください。お手数お掛け致しますが、宜しくお願いいたします。
-
お世話になっております。
上部のCSSとの干渉かと思い、上部を消して、教えていただいたCSSを追加したら、無事に公開を押せました！
（ハイフンは関係ありませんでした）
ただ、あらたな悩みが出てきてしまったのですが、
上のスクショのように、カスタマイズ画面だとしっかり余白が縮まっているのですが、
サイトから入ってチェックしてみたところ、反映されていませんでした・・・
タイムラグか何かでしょうか？
それと、上部のprof～のCSSは、JINで初期で入っていたものかと思うのですが、
一度、公開を押せているのに、なぜエラーが起きるようになったのかがわかりません。
試しに、今回のCSSを追加する前の状態から、公開を押すとエラーが出たので、
エラーの原因は、このprofのCSSということになるかと思います。
このCSSは消しちゃってもいいのか・・・とふと思いました。（消してしまったんですが）
質問が増えてしまい、大変申し訳ございませんが、
何卒よろしくお願い申し上げます。
-
こんにちは！
上のスクショのように、カスタマイズ画面だとしっかり余白が縮まっているのですが、
サイトから入ってチェックしてみたところ、反映されていませんでした・・・うーん？？それはそれでおかしいですね。。
一度キャッシュをクリアして確認いただけますでしょうか？それと、上部のprof～のCSSは、JINで初期で入っていたものかと思うのですが、
一度、公開を押せているのに、なぜエラーが起きるようになったのかがわかりません。これは消しても大丈夫なので消しちゃって大丈夫です！！
お手数おかけして申し訳ないですが宜しくお願いします。
