Wordpress、Smart Custom Fieldsを入れておりソースが変更できない。

Question

外注で依頼して作ったWordpressの中身をいじれなくて困っています。

https://sinano.co.jp/recruit/recruit_type/graduate/

ページの下部にスライダーを設置しましたが、
黒い背景部分と　画像部分がずれて崩れてしまっています。

ソースを見ると　下記のようになっており、

<div class="item">　を外せば　この崩れは治るのではないかと考えているのです。

しかし、「Smart Custom Fields」というプラグインが入っているらしく、
Wordpressのブロックエディタの中を変更することができません。

（Wordpressは管理者権限でログインしています。）

ただ下記の　 class="item"　を削除したいだけなのですが
いったいどこにアクセスすればソース内容を変更できるのか
教えていただけないでしょうか。

  <div class="pb_slider">
   <div class="item"><img src="https://sinano.co.jp/recruit/wp-content/uploads/2019/12/intern12_01.jpg" alt="" /></div>
   <div class="item"><img src="https://sinano.co.jp/recruit/wp-content/uploads/2019/12/intern12_A1.png" alt="" /></div>
   <div class="item"><img src="https://sinano.co.jp/recruit/wp-content/uploads/2019/12/intern12_A2.png" alt="" /></div>
   <div class="item"><img src="https://sinano.co.jp/recruit/wp-content/uploads/2019/12/intern12_B1.png" alt="" /></div>
   <div class="item"><img src="https://sinano.co.jp/recruit/wp-content/uploads/2019/12/intern12_DSC_0167.png" alt="" /></div>
   <div class="item"><img src="https://sinano.co.jp/recruit/wp-content/uploads/2019/12/intern12_DSC_0174.png" alt="" /></div>
  </div>

  <div class="pb_slider_nav">
   <div class="item"><img src="https://sinano.co.jp/recruit/wp-content/uploads/2019/12/intern12_01-300x300.jpg" alt="" /></div>
   <div class="item"><img src="https://sinano.co.jp/recruit/wp-content/uploads/2019/12/intern12_A1-300x300.png" alt="" /></div>
   <div class="item"><img src="https://sinano.co.jp/recruit/wp-content/uploads/2019/12/intern12_A2-300x300.png" alt="" /></div>
   <div class="item"><img src="https://sinano.co.jp/recruit/wp-content/uploads/2019/12/intern12_B1-300x300.png" alt="" /></div>
   <div class="item"><img src="https://sinano.co.jp/recruit/wp-content/uploads/2019/12/intern12_DSC_0167-300x300.png" alt="" /></div>
   <div class="item"><img src="https://sinano.co.jp/recruit/wp-content/uploads/2019/12/intern12_DSC_0174-300x300.png" alt="" /></div>
  </div>

</div>

Comments

[KazuhiroHatano]

そのスライダーのブロックはどうやって追加するものですか？
ブロックの追加で挿入ですか？ショートコードですか？

画像の変更はどのように行いますか？
ブロックエディタで画像を選べますか？
カスタムフィールドで画像を選択ですか？

[smzksnb]

情報が少なくて申し訳ありません。
スライダーの追加時は、「投稿の編集」画面から、「コンテンツを追加する」をクリックすると、
追加しました上記画面が出てくるので、「スライダー」を選択したものです。
ショートコードではありません。

画像の変更は、カスタムフィールドです。
Wordpressのバージョンが　WordPress 4.9.7　なので、
最新のブロックエディタではなさそうなのです。

Answer 1

ちょっとページを見てみましたけど
テーマのdetail.cssの.item imgへのスタイルが邪魔してるっぽいですね

テーマのdetail.cssの方を修正する方が容易なのではないでしょうか

.item imgってセレクタは結構いろんなところとコンフリクトしそうです
本来適用されるべき箇所を見つけ出して、そこだけに適用されるように修正する方がいいように思います

Comments

[smzksnb]

ソースもご確認いただき、ありがとうございます。

> テーマのdetail.cssの.item imgへのスタイルが邪魔してるっぽいですね
そうなんです、
そこが邪魔しています

しかし、この detail.css　というのは公式サイト全体で読んでいるので、
下手にいじってしまうと他に影響が及びそうなので、
スライダーの個所だけ変更できないかな、、と希望しているのです。

＞本来適用されるべき箇所を見つけ出して、そこだけに適用されるように修正する
その方法で進めてみます。
ありがとうございます。

[smzksnb]

detail.css　を訂正し、希望か所に影響が及ばないようにしました。
解決しました。ありがとうございました！！！