サポート » テーマ » Twentysixteen⇒「区切り線の除去」

  • 解決済 itiyama

    (@itiyama)


    こんにちは。いつもお世話になっております。
    よろしくお願いします。
    Twentysixteenを利用しております。

    2カラムのサイドバーや、コンテンツに黒い下線(葬式のような)が、
    出てきます。

    ウィジェット間の仕切り線、他のコメントやページナビゲーションの区切りに出てきます。

    この区切り線を、出ないようにしたいのですが、分かりません。

    スタイルシートの、widgetの箇所に、
    border-style: none;
    などを入れて見ましたが、全然ダメでした。

    検索しておりますが、丁度いいページに当たりません。
    子テーマ「Twenty Sixteen Child」を作成するというのが、
    ありましたが、よく分かりませんでした。

    このサポート内を”Twentysixteen”で検索すると、
    74件ありました。見ましたが、ありませんでした。

    style.cssの変更で対処したいです。
    お教え下さい。どうぞよろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    スタイルシートの、widgetの箇所に、
    border-style: none;
    などを入れて見ましたが、全然ダメでした。

    合っているようですが・・・。
    記述している場所でしょうか。

    とりあえず下記のスタイルを style.css またはカスタマイズの追加 CSS 等に記述するとどうでしょうか。

    /* ウィジェット */
    .widget {
    	border: 0;
    }
    
    /* コメント */
    .comments-title,
    .comment-reply-title {
    	border: 0;
    }
    
    /* ページナビ */
    .post-navigation,
    .post-navigation div + div {
    	border: 0;
    }
    トピック投稿者 itiyama

    (@itiyama)

    ishitaka さま
    お世話になっております。ありがとうございました!
    よく見てみたら、widgetの挿入記載した箇所の下部に、

    border-top: 4px solid #1a1a1a;

    が残っていました。

    style.CSSを、”4px solid #1a1a1a;”で検索し、対応しました。
    7箇所ありました。.post-navigation等は、
    上下でボーダーがあったので、なんだか陰鬱でした。

    .post-navigation {
    /* border-top: 4px solid #1a1a1a; */
    /* border-bottom: 4px solid #1a1a1a; */

    お教えにより、憂鬱な気分が爽快になりました。ありがとうございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Twentysixteen⇒「区切り線の除去」」には新たに返信することはできません。