Simplicityの特徴 › フォーラム › Simplicity2に関する話題何でも › の下の空白について
- このトピックは空です。
-
投稿者投稿
-
-
2021年10月3日 5:00 PM #63486
丸
ゲストsimplecity2を利用させて頂いています。有難うございます。
固定ページのタイトル表示部
<header>
<h1 class=”entry-title”>****</h1>
<p class=”post-meta”> </p>
</header>投稿ページ一覧のタイトル表示部
<header>
<h2></h2>
<p class=”post-meta”> </p>
</header>投稿ページのタイトル表示部
<header>
<h1 class=”entry-title”>****</h1>
<p class=”post-meta”> </p>
</header>で<h1><h2>部の下に空白があり空白を無くしたいのですが、どのようにすれば良いかご教授下さい。
現在、40文字程度(h1の文字大きさで2行分、h2の文字の大きさで3行分程度)の縦幅スペースが設定されているようです。文字数によって自動的に空白が無くなる様にしたいと思います。
<p class=”post-meta”> </p> は/child/style.cssで非表示にしています。基本的な所の様な気がしていますが、対策を探す事が出来ませんでした。
どうぞよろしくお願い致します。 -
2021年10月3日 9:14 PM #63487
丸
ゲストその後、調査しましたので追記致します。
対象サイト・・・https://usa-sjcp.com/【固定ページのページタイトル表示部】
<header>
<h1 class=”entry-title”>****</h1>
<p class=”post-meta”></header>
【投稿ページ一覧の記事タイトル表示部】
<header>
<h2>****</h2>
<p class=”post-meta”></header>
【投稿ページの記事タイトル表示部】
<header>
<h1 class=”entry-title”>****</h1>
<p class=”post-meta”></header>
で、<p class=”post-meta”>
の部分ですが
1.投稿日を表示しない、更新日を表示しない設定にした
2..page .post-meta .post-date .post-update{
display:none;
}
をchild/style.cssに追記した
3.全てのプラグインを無効化したを行いましたが、<p class=”post-meta”>
の部分には日付などは表示されませんが、縦方向のスペースだけが残っている状態です。【実現したい内容】
1.<p class=”post-meta”>
の部分の縦方向のスペースを完全に削除したい。
2.ページタイトルや記事タイトルの文字数に合わせ<h1>や<h2>の高さを自動的に調整できるようにしたい。以上、宜しくご指導願います。
-
2021年10月5日 6:31 PM #63489
丸
ゲスト【自己解決】
1.<p class=”post-meta”> </p>のタグがいつの間にか消えました。過去何度もキャッシュクリアやプラグインの無効化など試みましたがその時は消えず、いつの間にか消えてしましました。とりあえずこれで良しとしたいと思います。
2.<h1>や<h2>の下の空白については、<header>タグで縦幅がcss設定されているようで、この<header>タグはサイトのロゴ部と<article>内のページタイトル表示に使われている為、この両方を満足する設定にする必要があるようです。とりあえず、ヘッダーの高さを小さくして対策したいと思います。
<h1><h2>の高さの自動調整は諦めました。以上、報告します。お騒がせしました。
-
-
投稿者投稿
- このトピックに返信するにはログインが必要です。