サポート » その他 » ページ内の不要な線を消したい

  • 解決済 taktovoi

    (@taktovoi)


    お世話になっております。
    わからないことがあり、質問させて下さい。

    https://voi3.com/wp/

    上記サイトを表示させると、ページの上部と下部に、
    横にグレーのラインが敷かれております。
    これらをすべて消したい(非表示)と考えておりますが、
    どのようにしてよいかわかりません。
    参考サイトやプラグインでも構いません、教えていただけると助かります。

    初歩的な質問で申し訳ございません。
    何卒よろしくお願い申し上げます。

    テーマ:Graphy Pro 2.3.2
    wordpress 6.1.1

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • shokun0803

    (@shokun0803)

    taktovoiさん、こんにちは。

    例えばページ下部の「 NEXT 」直下にあるラインでしたら CSS で以下

    .footer-widget-area {
        border-top: none;
    }

    等で消せませんでしょうか。

    ご参考になれば。

    トピック投稿者 taktovoi

    (@taktovoi)

    @shokun0803

    ありがとうございます。教えていただいた該当の箇所は消すことができました。
    他の場所については検証してますがわからない状態です。

    shokun0803

    (@shokun0803)

    taktovoiさん、こんにちは。

    ブラウザのデベロッパーツールで該当箇所のコードを確認し、付与されている CSS を確認してみましょう。

    例えばグローバルメニューのnavにもラインが引かれていますが、これには.main-navigationの class が付与されていることが分かります。

    この CSS には以下のような記述があるので、

    .main-navigation {
        border-bottom: solid 1px #ddd;
        border-top: solid 1px #ddd;
        font-size: 93.8%;
        position: relative;
    }

    borderを打ち消すような CSS を追記すれば消せると思います。

    ご参考になれば。

    トピック投稿者 taktovoi

    (@taktovoi)

    @shokun0803

    有難うございます。
    無事打ち消すことができました。
    デベロッパツールまで辿り着いたのですが、その先は四苦八苦しておりました。

    以下CSSに記述を追加して解決いたしました。

    .main-navigation {
    border: none;
    }
    .site-bottom {
    border: none;
    }

    誠に有難うございました。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「ページ内の不要な線を消したい」には新たに返信することはできません。