ブロックごとに自動でつく枠線を消去する方法



  • 初めまして。
    ウィジェットからブロックエディタにてトップページを制作しておりまして
    画像を挿入、カラムを作成、ボタン作成など
    全てのコンテンツを挿入すると
    自動でフルサイズで枠線がついてしまい

    画像サイズを小さくすると別の外枠ができてしまい
    デザインがイマイチになってしまいます
    (スクショの赤枠の部分など)

    ブロックごとにつく枠線の消去法などありましたら
    ご教示お願いできますでしょうか?

    よろしくお願いいたします!

    0_1669117656013_スクリーンショット 2022-11-22 20.40.53.png


    WordPressのバージョン : WordPress 6.1.1
    ご利用のサーバー名 : ConohaWing
    PHPのバージョン :
    OS : MacOS Ventura13.0.1
    ご利用のブラウザ : GoogleCrome
    該当サイトのURL : https://smartist-hiro.com/



  • @hiro1234567 さん

    こんにちは!
    情報の入力ありがとうございます。

    追加 CSS に以下のコードを書くといかがでしょうか。
    こちらの環境で検証すると対応できそうなのですが...

    #home-bottom-widget .widget, #home-top-widget .widget {
    	box-shadow: none;
    }
    

    ご確認よろしくお願いいたします!



  • ブロックごとに自動でつく枠線を消去する方法で@tsu_が発言 :

    #home-bottom-widget .widget, #home-top-widget .widget {
    box-shadow: none;
    }

    ありがとうございます!
    今試してみたら綺麗に消えました^^

    ワードプレス初心者として
    このように助けていただけて本当に助かりました!

    また度々ご質問させていただくかもしれませんが
    その際はまたご助力いただけますと嬉しいです✨

    引き続きよろしくお願いします!



  • @hiro1234567 さん

    ご報告ありがとうございました!

    上手くいったみたいで良かったです。
    引き続き、よろしくお願いいたします!

    (ご確認いただければ、ご返信には及びません)