• 解決済 hana0001

    (@hana0001)


    最近サイトに、変な線(▼▼▼)が入ってしまうようになりました・・・

    どのテンプレートに変えても同じで、トップ画面・ブログ記事の両方に
    上から20行目くらいに端から端まで線が表示されてしまいました。

    たぶん何かを更新後に急になったのですが、何が原因かは分かりません。
    テンプレートを変えてもということはなぜでしょうか?

    この▼▼▼線はリンクになっているようで、マウスを当てたりクリックすると、
    自分のブログの過去記事に複数に飛ぶようになっています(-_-;)

    どうか改善策をお願いいたしますm(_ _)m

    • このトピックはhana0001が8年、 1ヶ月前に変更しました。
5件の返信を表示中 - 1 - 5件目 (全5件中)
  • CG

    (@du-bist-der-lenz)

    たぶん何かを更新した後かが分かれば方策も見つかるでしょう。テーマに関係ないとすれば、プラグインから探りましょう。

    Colorful-life.

    (@colorfullifeinfo)

    こんにちは

    カスタムCSSで、一カ所クラスが指定されていない:before疑似クラスがあるようなので、これが原因と思います

    .simple2:before {
        right: 0;
        border-left: 5px solid #333;
    }
    :before {
        content: "";
        position: absolute;
        top: 100%;
        height: 0;
        width: 0;
        border: 5px solid transparent;
        border-top: 5px solid #333;
    }
    トピック投稿者 hana0001

    (@hana0001)

    お二方、早速ご返答ありがとうございます。大変助かります。

    プラグイン、カスタムCCSと聞いて少し思い出しました!
    見出しデザインを作った記憶があります!

    恐縮ですが「:before疑似クラス」というものを直すには
    Styleシートのどこをどうしたら良いでしょうか?

    自分でできそうになければ、今見出しのCSSを一旦消したら▼がきれいに消えました!
    もし、簡単に修正可能でしたら、よろしくお願いいたしますm(_ _)m

    • この返信は8年、 1ヶ月前にhana0001が編集しました。
    Colorful-life.

    (@colorfullifeinfo)

    カスタムCSSは管理画面の「外観」→「カスタマイズ」→「追加CSS」からですね

    ちょっと見た感じでは不要そうなので、該当部分を一旦コメントアウトする感じでどうでしょう?

    /*
    :before {
        content: "";
        position: absolute;
        top: 100%;
        height: 0;
        width: 0;
        border: 5px solid transparent;
        border-top: 5px solid #333;
    }
    */

    あと、今回の事象には直接関係ないですが、クラスが指定されていない:after疑似クラスもあるので、こちらもコメントアウト(不要なら削除)しておいた方が良いかもしれません

    /*
    :after {
        left: 0;
        border-right: 5px solid #333;
    }
    */
    トピック投稿者 hana0001

    (@hana0001)

    ご丁寧にありがとうございます!

    上記の記述で試してみます。

    このたびは早々の解決助かりました!m(_ _)m

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「変な線▼▼▼が表示されてしまうようになりました。トップと記事画面の両方です」には新たに返信することはできません。