🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

207閲覧

トップページの一覧記事タイトルの文字を大きくしたいです。

cote33

総合スコア6

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/10/29 03:19

私はワードプレスでブログをやっています
テーマはtwentytwelveです。

トップページの記事タイトルの文字を大きくしたいです

トップページの記事一覧(個別記事?抜粋記事?)の
サムネイル画像と一緒に表示される
記事タイトルの文字を大きくしたいです。

文字が小さくなる前

前は今より大きかった気がするんですが
たぶんCSSコードを追加しているうちに
小さくなってしまったようです。

前に下記をCSSを追加していたのですが
これを追加してもしなくても
表示は変わらなくなっています。

/* 抜粋記事 /
.entry-header .entry-title {
font-size: 25px; /
文字の大きさ /
line-height: 1; /
行間の高さ /
padding-left: 50px; /
ちょっと左に余白 */
}

試した事

いろんなサイトで調べてCSSコードを追加しても
全く変わらないです。

Chromeで検証したら

<header class="entry-header"> と<class="entry-title"> となっていたので 含めて検索して出たサイトのCSSを追加してもダメでした

もう自分ではお手上げなので
どなたか教えてください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

自己解決

追加CSSに

.site-content a {font-size: 22px;}

を追加したら解決しました。

投稿2019/10/29 09:26

cote33

総合スコア6

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

<class="entry-title">

タグとして成立してないですね

HTML

1<div class="entry-title">なんたら</div>

のようにしないといけないのでは?

sample

CSS

1<style> 2.entry-header .entry-title { 3 font-size: 25px; 4 line-height: 1; 5 padding-left: 50px; 6} 7</style> 8<header class="entry-header"> 9<div class="entry-title">たいとる</div> 10</header>

投稿2019/10/29 03:21

編集2019/10/29 03:51
yambejp

総合スコア116694

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

cote33

2019/10/29 03:48

早速の回答ありがとうございます。 すみません出来ないです。 CSSに追加したいのでコードを教えてほしいです。 下記が以前反映されていたCSSです /* 抜粋記事 */ .entry-header .entry-title { font-size: 25px; /* 文字の大きさ */ line-height: 1; /* 行間の高さ */ padding-left: 50px; /* ちょっと左に余白 */ } すみませんがお願いします。
yambejp

2019/10/29 03:50

必要そうなHTMLを抜粋して載せてください
cote33

2019/10/29 04:16

やっぱり変化なしでした。 記事タイトルを入れなくてもCSS追加したら トップページのすべての記事タイトルの文字が大きくなったはずだったのですが。。。 すみませんお手数をおかけしました。
cote33

2019/10/29 09:24

自己解決出来ました。 お騒がせしました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問