サポート » テーマ » サイドバーのコンテンツが左に寄って一部が表示されない

  • dataring

    (@dataring)


    「Twenty Twelve」のテーマを使用しています。
    ページ右側のサイドバーの部分なのですが、カテゴリーの「ul」「li」タグのリストが、左に寄りすぎて、「・」の部分が余白の部分と重なったり、スマートフォン用のレスポンシブの表示では一部のコンテンツが左側の画面外にはみ出てしまう状態になっています。

    スタイルシートなどをチェックしても、どこの部分に原因があるのか、どうしても見つかりません。
    どの箇所をどのように修正すれば、正常な位置に直せるでしょうか?

    どうぞよろしくお願いいたします。

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

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

    (@du-bist-der-lenz)

    「Twenty Twelve」でしたら、AMPが良いでしょう

    dataring

    (@dataring)

    Re:CG さん

    AMPは修正しなければならない箇所が多いため、ただ今準備中です。

    ひとまず、上記の表示の問題を解決したいと思います。

    CG

    (@du-bist-der-lenz)

    「Twenty Twelve」でしたら、 list-style-typeプロパティは、display:noneですよ。余計な追加をしているのではありませんか。

    dataring

    (@dataring)

    Re:CG さん

    一覧の「li」タグの・部分の表示は「list-style-type:square」としているのですが、
    テーマをインストールした最初の段階で、すでに左側にずれている状態でした。

    paddingなのか、marginなのか、あるいは別の箇所なのか、どこで左寄りになっているのかが未だに分からない状態です。

    CG

    (@du-bist-der-lenz)

    一覧の「li」タグの・部分の表示は「list-style-type:square」としている

    「Twenty Twelve」は公式ディレクトリのテーマですが、加工してあるんですね。

    paddingなのか、marginなのか、あるいは別の箇所なのか

    そこまでわかっているなら、解消ではないですか。もうひと押しですよ。

    • この返信は2 ヶ月前に  CG さんが編集しました。理由: スクリーンショットの追加
    ishitaka

    (@ishitaka)

    「ul padding」などで検索するといいかと思います。
    https://maku77.github.io/web/layout/list-margin.html

    dataring

    (@dataring)

    Re:CG さん
    paddingやmarginのひととおりの箇所を修正しても、やはりまだ原因の位置が見つかりませんでした。
    もしかすると二ヶ所以上を同時に直さなければならない可能性もあるかもしれないので、再度チェックをしてみます。
    (すみません、念のため、画像の方は削除いただけないでしょうか。失礼いたします。)

    ishitaka

    (@ishitaka)

    list-style-position でマーカーの表示位置を指定することができます。
    http://www.htmq.com/style/list-style-position.shtml

    style.css またはカスタマイズの追加 CSS などに、

    .widget_categories ul {
    	list-style-position: inside;
    	padding-left: 0.5em;
    }
    dataring

    (@dataring)

    Re:ishitaka さん
    ありがとうございます。さっそく、CSSのカスタマイズの参考にさせていただきます。

    ulタグ以外のコンテンツも一部が左側にずれているため、paddingが原因ではないかもしれないです。
    再度、一通り確認してみます。

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