Wordpressのテーマ、装飾に関して

Question

前提・実現したいこと

今回質問させていただく内容は二つです。
①WordPressでサイトを作っているのですが、h2、h3に装飾を入れると常時、サイト上部に表示されているサイト名にも装飾が入ってしまいます。
記事内にのみ装飾を入れたい場合はどうのようにすればいいでしょうか？

②同じくwordpressに関してです。現在Edgeというテーマを使っています。テーマの仕様なのかもしれまれんが、記事を書いて公開すると一文字目が大きく表示されてしまいます。
CSSを触ればなんとかなる問題なのでしょうか？

改善するために試したこと

①テーマの仕様なのか分からないため、何も試せていません。

②調べたところ、text-transformを変更すれば文字の変更ができるという記事を見つけました。
しかし詳しく読んでみると「もともと標準のテキストを大きくする方法」「単語の頭文字を大文字に変換」という記述ばかりで、解決には至りませんでした。

該当のソースコード

/* 質問②に関するコード
================================================== */
.post:first-child .entry-content p:first-child:first-letter {
	border-right: 1px solid #222;
	display: block;
	float: left;
	font-family: 'Playfair Display', sans-serif;
	font-size: 80px;
	line-height: 80px;
	margin-bottom: 10px;
	margin-right: 22px;
	margin-top: 10px;
	padding: 10px 14px;
	text-align: center;
}
.post:first-child .entry-content blockquote p:first-child:first-letter {
	border-right: none;
	float: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: inherit;
	padding: inherit;
}

Comments

[Eggpan]

①に関して、 h2、h3に装飾を入れると、とありますが、これはCSSを追記して装飾を試みたがうまくいかなかった、という事でしょうか。
どのように装飾をやってみたかがわかると回答に繋がるかもしれません。

内容としてはどちらもテーマに設定されているCSSを自作のCSSで調整する、といったやりかたで対応可能なものかと思います。

Answer 1

最終的にデベロッパーツールの使い方を覚えるのが一番近道なのですが・・・回答はあくまでもEdgeテーマでの話です。

①WordPressでサイトを作っているのですが、h2、h3に装飾を入れると常時、サイト上部に表示されているサイト名にも装飾が入ってしまいます。
＞＞単純にこれを解消するにはh2、h3の装飾コードの前に本文だけに適用されるよう.entry-contentというのを付けます。
h3タグなら

.entry-content h3{
本文のh3装飾の内容
}

そうすることで、h3タグだけど本文にあるh3タグだけね！という指定ができます。

②同じくwordpressに関してです。現在Edgeというテーマを使っています。テーマの仕様なのかもしれまれんが、記事を書いて公開すると一文字目が大きく表示されてしまいます。
＞＞これについては再現されませんでしたので回答は控えさせていただきます。

Answer 2

一番早いのは、表示がおかしくなっている記事のHTMLソース（Ctrl+Uで見てみるか、デベロッパーツールで該当のh2,h3の要素）をみて、該当の要素に対してCSSで装飾し直す用に書き換えればできそうなきがします。

Comments

[YUICHISUGAYA]

返信いただきありがとうございます！説明不足ですみません....CSSを追記して装飾を試みたがうまくいかなかった、という事です。

sola-msrさんから教えていただいたの方法で一度試してみます！！