サポート » 使い方全般 » ブログ一覧と、フッターのスペースを縮めたい

  • 解決済 WP_manabu

    (@wp_manabu)


    ブログ一覧と、フッターのスペースが気になったりして。そのスペースを縮めるには、どのようにすれば良いでしょうか。よろしく、お願いいたしまーす!

    ヘルプの必要なページ: [リンクを見るにはログイン]

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • CG

    (@du-bist-der-lenz)

    ブログ一覧とサイドバーのグループと、フッターの間にトップへ戻るのブロックがあること、ブログ一覧のボトムが30pxゆとりがあります。

    munyagu

    (@munyagu)

    こんにちは

    「PAGETOP」というボタンと、ページ下部に丸い上に戻るボタンがありますが、両方はいらないんじゃないですかね。
    「PAGETOP」を非表示にしたらいくらか狭まると思います。
    テーマにそれを非表示にするオプションなどがあるのかは分かりませんが、スタイルシートで非表示にしてもいいと思います。

    WP_manabu

    (@wp_manabu)

    CGさん、munyaguさん、コメントありがとうございまーす!

    「ブログ一覧のボトム30pxを調節する」あるいは「PAGETOPを取ってしまう」のいずれの方法かなと思いまして。

    デベロッパーツール(chrome > その他のツール)でたしかめたところ、こちらの要領がわるくて(ごめんなさい!)30pxのゆとりを確認することができませんでした。

    一方のPAGETOPに該当する箇所は見つけることができました。

    <div id = “pagetop Inner” class = “inner box”>が、それに該当するとおもいます。

    で、そこまでは良いのですが、これをスタイルシートで非表示にする手立てが分からないのです。文字を大きくしたり、位置を寄せたりするまでの知識はあるのですが…

    お手数ですが、もうすこしお付き合いいただけると幸いです〜。

    CG

    (@du-bist-der-lenz)

    「トップへ戻る」が挿入されているブロック、ブログ一覧の二重に包んであるラッパーのボトム30pxとフッターメニューのブロックの8px、サイドバー上部の50pxを非表示してみました。

    • この返信は1 週前に  CG さんが編集しました。理由: 詳細追記
    munyagu

    (@munyagu)

    文字を大きくしたりするのには、以下のように記述すると思います。

    font-size: 24px;

    該当の箇所を非表示にするには、似たような感じで以下のように記述してください。

    display: none;

    参考:http://www.htmq.com/style/display.shtml

    WP_manabu

    (@wp_manabu)

    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”
    }
    とか..あてずっぽうですけれど…

    WP_manabu

    (@wp_manabu)

    あるいは、該当するファイルの
    <div id = “pagetop Inner” class = “inner box”>
    の部分をコメントアウトするとか…こちらも、おもいつきですが…

    munyagu

    (@munyagu)

    font-size: 24px;と似たような感じ、です。

    #content P{
    font-size:12pt;
    }

    #content P{
    display: none;
    }

    と書けば、その箇所が非表示になります。

    <div id = “pagetopInner” class = “inner box”>
    まで分かっているなら、

    #pagetopInner {
    display: none;
    }

    とすればいいでしょう。

    ※pagetop と Innerの間にスペースは無いようですよ。

    munyagu

    (@munyagu)

    このあたりとかで、ご自分に合ったCSSの学習方法を探してみてはと思います。

    https://techacademy.jp/magazine/4872#main7

    WP_manabu

    (@wp_manabu)

    munyaguさま

    ここまで、ヒントをいただければ、あとは、試行錯誤でやってみますーす!
    ありがとうございまーす!

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • このトピックに返信するにはログインが必要です。