ウェブページの背景を変更する方法を教えてください

Question

ウェブページの背景の設定方法ついて教えてください。
下記参考ページの上部にある現代美術と書かれているところの背景はどのように設定されているのでしょうか？

参考ページ

下記のページの上部にある近代美術の背景を上記のような模様に変更したいです。
すみませんが、ご教示よろしくお願い致します。

修正したいページ

ページの環境：
wordpress
テーマ：sydney
プラグイン：elementor

PC：
macOS Catalina 10.15.6

Comments

[m.ts10806]

質問タグ「WordPress」は必須かと思いますが、自身で調べたこと試したことも必須です。

[fuku-chann]

取り急ぎwordpressタグを追加いたしました。

Answer 1

フレームワークで実装する方法もありますが、一応普遍性に長ける知識になるようにcssで説明すると、背景画像をつけるセクションに「background-attachment: fixed」を設定するというのが最もシンプルで簡単な方法だと思います。
imgタグでもなんでも画像を貼り付けてる操作したい部分にクラスをつけて、そのクラスにbackground-attachmentを設定してください。

.FixedBg{
background-attachment: fixed
}

Comments

[fuku-chann]

CSS初心者のためもう少し教えてください。
classはelementor-widget-containerでしょうか。
その場合、下記をテーマエディターのスタイルシートに追加すれば良いでしょうか？
すみませんが、ご教示お願い致します。

```CSS
.elementor-widget-container {
background-attachment: fixed
}
```