CG
(@du-bist-der-lenz)
ブログ一覧とサイドバーのグループと、フッターの間にトップへ戻るのブロックがあること、ブログ一覧のボトムが30pxゆとりがあります。
こんにちは
「PAGETOP」というボタンと、ページ下部に丸い上に戻るボタンがありますが、両方はいらないんじゃないですかね。
「PAGETOP」を非表示にしたらいくらか狭まると思います。
テーマにそれを非表示にするオプションなどがあるのかは分かりませんが、スタイルシートで非表示にしてもいいと思います。
CGさん、munyaguさん、コメントありがとうございまーす!
「ブログ一覧のボトム30pxを調節する」あるいは「PAGETOPを取ってしまう」のいずれの方法かなと思いまして。
デベロッパーツール(chrome > その他のツール)でたしかめたところ、こちらの要領がわるくて(ごめんなさい!)30pxのゆとりを確認することができませんでした。
一方のPAGETOPに該当する箇所は見つけることができました。
<div id = “pagetop Inner” class = “inner box”>が、それに該当するとおもいます。
で、そこまでは良いのですが、これをスタイルシートで非表示にする手立てが分からないのです。文字を大きくしたり、位置を寄せたりするまでの知識はあるのですが…
お手数ですが、もうすこしお付き合いいただけると幸いです〜。
CG
(@du-bist-der-lenz)
「トップへ戻る」が挿入されているブロック、ブログ一覧の二重に包んであるラッパーのボトム30pxとフッターメニューのブロックの8px、サイドバー上部の50pxを非表示してみました。
-
この返信は6年、 5ヶ月前にCGが編集しました。理由: 詳細追記
文字を大きくしたりするのには、以下のように記述すると思います。
font-size: 24px;
該当の箇所を非表示にするには、似たような感じで以下のように記述してください。
display: none;
参考:http://www.htmq.com/style/display.shtml
CGさま
おー、きれにできている。これです、これー!
munyaguさま
たとえば、ブログ一覧の概略の文字を12pにするなら、
外観 > カスタマイズ > 追加CSSに、
#content P{
font-size:12pt;
}
のように記述する。
このへんまで、できるというか、現状は、ここまでのレベルです。
ですので、ご指摘いただいたdisplay:noneと、おそらく「PAGETOP」の該当箇所である<div id = “pagetop Inner” class = “inner box”>の兼ね合いが、まったく分からないのです。
display none {
id = “pagetop Inner” class = “inner box”
}
とか..あてずっぽうですけれど…
あるいは、該当するファイルの
<div id = “pagetop Inner” class = “inner box”>
の部分をコメントアウトするとか…こちらも、おもいつきですが…
font-size: 24px;
と似たような感じ、です。
#content P{
font-size:12pt;
}
を
#content P{
display: none;
}
と書けば、その箇所が非表示になります。
<div id = “pagetopInner” class = “inner box”>
まで分かっているなら、
#pagetopInner {
display: none;
}
とすればいいでしょう。
※pagetop と Innerの間にスペースは無いようですよ。
munyaguさま
ここまで、ヒントをいただければ、あとは、試行錯誤でやってみますーす!
ありがとうございまーす!