フォーラムへの返信
-
「高度な設定」→「追加CSSクラス」でクラス名を挿入すると、該当ブロックの一番外側の要素に付与されます。
そのクラス名とその中にある（または併記されている）CSSクラス名（例えば
.smb-panelや.smb-panel__itemなど）を利用してCSSカスタマイズをしていく流れになることが一般的かと思います。セレクタとして指定が必要な場合、
これらセクションや共通ブロックで使われているクラスの一覧表などはどこかにありますでしょうか？
それとも都度「Chromeデベロッパー・ツール」で確認することになりますか？現状、Snow Monkey ではクラス名などの一覧となるドキュメントはありません。というのも、アップデート頻度が高いためドキュメント整備リソースが確保できないという理由と、そもそもカスタマイズする際にはブラウザの開発者ツールで最終的には確認することになるため、このような形に落ち着いている状況です。
ですので、開発者ツールで確認をしながらカスタマイズを進めていく形になるかと思います。
いいねをした人:単純に親要素に
position: relative;が付いていないのが原因かと思います。この場合、
.summa2-imgの直接の親要素は、.summa2ではなく.smb-section_bodyですね。なので、.summa2-imgに書かれているposition: absoluteは正常に動かないと思います。何をどうされたいのか具体的に書かれていないので、これ以上どう書くことが課題の実現に繋がるかわからないため、コードでのアドバイスは難しいです。
また、同一のブロックでない限りHTML構造が変わることがほとんどだと思うので、まずは開発者ツールなどでHTML構造を確認された上でCSSを色々と書いてみることをお勧めします。
手前の情報で恐縮ですが、開発者ツールの使い方などはこちらの動画などでも取り扱っているので、Snow MonkeyをCSSカスタマイズする際には、参考にしていただけるかもしれません。よろしければどうぞ！
いいねをした人: 居ません
