【コレクションページ】背景色を変更し、テキストエリアの内容をページ中央に表示させたい。

[kni_inc]

現在、テーマは「Dawn」を使用しています。

コレクションページの背景色を変更したいのですが、変更できる場所が見つかりません。

コード編集より、cssで背景色を変更する方法しかないでしょうか。

cssで変更の場合、どこのコードを変更したらよいか教えていただけないでしょうか。

また、コレクションページの上部に、LPページのように縦長の画像をページ中央部に表示させたいと思っています。やってみたところ、画像が何故か中央左寄りになってしまいます。

こちらを中央揃えにする方法を、教えていただきたいです。

[kni_inc]

こちらの記事を投稿した者です。

補足ですが、試行錯誤していたら、コレクションページの背景色を変更することはできました。

（下の記事を参考にして行うことができました。）

https://blog.socketweb.net/how-to-css-shopify/#co-index-0

あとは、コレクションページのcollection-hero__text-wrapperを、画面の中央に配置したいと思っています。

collection-hero__inner が親要素になっていて、フレックスボックスでcollection-hero__text-wrapperとcollection-hero__descriptionが子要素になっているようでした。

こちらが何か影響しているのでしょうか。

もし分かる方がいましたら、ご教授いただけると幸いです。

[kni_inc · Accepted solution]

何度も投稿してすみません。色々試してみたところ、自力で解決できました。

conponentcollection-hero.css

 .collection-hero__description {
max-width: 66.67%;
margin: 0 auto;
}

で、中央揃えになりました。

どなたか必要な方がいるかもしれないので、ご参考までに残しておきます。