KUSANAGI MAGAZINEで「きもおたわーどぷれす。」が紹介されました! クリックで公式サイトが開きます。

背景(background-image)に設定された画像を消すCSSカスタマイズ

この記事は約1分で読めます。
記事内に広告が含まれています。

テーマ、あるいはそのスキンを使おうとすると、背景画像が予め設定されていることがあります。
問題は、これを消したいとき。
WordPressでサイトを構築している場合は子テーマを用いることが多いのですが。
親テーマ側で設定されている画像を子テーマ側でどうやって消したらいいかわからない方もいると思います。

以下、対処法です。

サイトの画像を右クリックして「検証」をクリック。
画像が使われているセレクタを調べます。

セレクタ(例として#hoge)が分かったら、子テーマのstyle.cssに次のコードを書き込んでください。

#hoge{
background-image: none;
}

これでいけます。

意外に盲点となってると思いましたので紹介してみました

サイトを始めたい・引っ越したい方へ

おすすめレンタルサーバー「ConoHa WING」
Webサーバー処理速度 国内最速!
サイト管理・カスタマイズのタイパも抜群!
自動化AIのWEXALによって他社より負担を減らせます
各種キャンペーン施策によりコスパも抜群!
ConoHaに初めて入会かつ12か月以上のWINGパックなら
下のボタン経由で契約すると最大5000円の割引が受けられます

この記事を書いた人

素人の備忘録です。
素人がゆえにトラブルにぶつかりまくってきたので、同じように困った方の役に立てたらいいなと思ってます。
8年来のKUSANAGI推し。

元公安調査庁職員、発達障害(ADHD)

天満川 鈴をフォローする
カスタマイズ&プラグイン
タイトルとURLをコピーしました