| カテゴリ | デザイン・CSS・スキン |
|---|
| サマリ | タイトル(ページ名)のサイズ変更 |
|---|
| バージョン | 1.5.3 |
|---|
| 投稿者 | ハジメ |
|---|
| 状態 | 完了 |
|---|
| 投稿日 | |
|---|
毎度お世話になってます。
今度はタイトルの文字の大きさを変えたいと思い、調べてみたのですが思うようにいかず…
h1.title{
font-size:30px
この部分を変更したのですが特に何も起こりませんでした。ここではないということだと思いますが…
どこを弄ればいいでしょうか？あるいはどこかに記載があれば誘導していただけると助かります。
- 適当にここのサイトで開発者ツール開いてfont-size:300pxにしてみましたが、ちゃんとデカい文字になりましたよ！どこか間違えてるんじゃないでしょうか？ -- ぬぺぺ
- 何がいけなかったんでしょうか…変更したのはskin/pukiwiki.cssですが、もしかしてここにあるtitleというのはページ名のことを指しているわけではないのでしょうか？ -- ハジメ
- 追加ですみません、#brを入れた際に間隔が開きすぎてしまうのですが、これは調整できますか？ -- ハジメ
- 可能性としては、ローカル環境のCSSをいじっただけでサーバーに反映していない（アップロードしていない）、
CSSのみの変更ではブラウザがキャッシュを提示している可能性が高いのに、リロード／スーパーリロード／ブラウザのキャッシュの削除をしていない
無料サーバーを使っていてサーバー側のキャッシュが強く変更がなかなか反映されない
などが考えられます。 -- D
- サーバーでアップロードしてあるCSSをいじっているので問題ないと思います。キャッシュの削除も試しましたが無駄でした。サーバーはエックスサーバーを使用しています。 -- ハジメ
- 「ページ名」というのは、ここでいうとナビゲーションバーの上にある「TOP/質問箱/5417」の上にある質問箱/5417 のことなんだけど、「カテゴリ サマリ」などの上にあるh2の方と勘違いしていませんか？ --
- >-#brをいれると空白行が1行挿入されます。
その部分をいじると文字列の行と行の感覚が狭くなることになります。
前後に何が置いてあるのか知りませんが、見出しなどがある場合にはmarginやpaddingの設定してあるものがあるのではないでしょうか
- すでに書かれていますが、ブラウザの開発者ツールを使って変更したい部分の要素を確認したほうがいいと思います
- まさにその 質問箱/5417 の部分を大きくしたいのですが、css内のh2の部分を変えれば良いのでしょうか？フォントサイズを指定する値がどれか分からなかったのですが… -- ハジメ
- #brについて、前後には単純に文があるだけで見出し等はないのですが、行間に#brを入れた場合と、次の文の行頭に&brを入れた場合で間隔がかなり違います。個別で設定できないのであれば使わない方がいいでしょうかね… -- ハジメ
- >まさにその 質問箱/5417 の部分
この書き方では第三者にはどこの事だかわかりません。質問者の手元は第三者には見えません。
ブラウザの開発者ツールの使い方がわからないのなら、お使いのブラウザの解説を書いてあるページを探してください。
第三者には質問者がPCを使っているのかスマートフォンなのかすらこの書き方ではわかりません。
PCからの場合には、該当箇所で右クリックをすると”検証””調査”など何らかの選択肢が出ると思います。
また、2つの質問を混ぜない方がいいでしょう。
>行間に#brを入れた場合と、次の文の行頭に&brを入れた場合で間隔がかなり違います。
私の環境では違いはありませんでした。行頭に＆ｂｒ；はあまり入れないと思います。 --
- 文脈が分かりにくかったようで、すみません。
>「ページ名」というのは、ここでいうとナビゲーションバーの上にある「TOP/質問箱/5417」の上にある質問箱/5417 のこと
これに対してのコメントでした。なお当方スマートフォンで編集･確認を行っております。 -- ハジメ
- キャッシュの問題だと思われます。skin/pukiwiki.skin.php内のcssへのリンクにクエリ文字列を追加してみてください。「?20210605」などといった適当な文字列です。分からない場合は「CSS クエリ文字列」で検索してください。 -- 匿名
- >匿名さん
解決しました！ありがとうございます！まさかキャッシュを削除してもダメだとは思わなかったので、クエリ文字列については勉強になりました。 -- ハジメ
![[PukiWiki-official]](image/pukiwiki-official.png "[PukiWiki-official]")
