スタックのデザイン&カスタムテンプレートについて

2015年8月10日 at 16:16

スタック内のそれぞれの画像ブロックで余白を設定(マージンなど)を設定しましたが、スタック設定画面では、それぞれ全てに余白設定通りに表示されますが、作ったスタックを各ページに挿入すると、それぞれの余白がなくなって表示されてしまいます。
【デザイン&カスタムテンプレート】での設定が悪いのか、挿入方法が悪いのか、ご教示ください。

タグ:

Re: スタックのデザイン&カスタムテンプレートについて

2015年8月10日 at 18:11
スタック設定画面で余白が設定どおりに表示されていて、実際のページで表示されないということは、おそらくテーマ側のCSSで、スタック内のブロックに設定された余白CSSが打ち消されているのではないでしょうか?

開発者ツールを使って、打ち消されているのかどうかを確認されてみてはいかがでしょうか?
 

Re: スタックのデザイン&カスタムテンプレートについて

2015年8月11日 at 11:10
最近同じ症状に遭遇しました。

デザイン&カスタムテンプレートで余白を設定すると『ccm-custom-style-container』というクラスの『div』タグで覆ってスタイルを書き出してくれるのですが、スタックで設定した余白等の『ccm-custom-style-container』は書き出されていないので、バグっぽいです。

回答になっていませんが、もし解決策があるのであれば私も知りたいです m(_ _)m
 

Re: スタックのデザイン&カスタムテンプレートについて

2015年8月11日 at 13:48
スタックで各ブロックを【デザイン&カスタムテンプレート】で各設定しても反映されないようですので、CSSで設定したいクラスを作り、【デザイン&カスタムテンプレート】のカスタムクラスの設定で意図とした余白などの編集ができました。
ありがとうございました。

ちなみに、開発者ツールの使い方などがわかりやすく説明してあるサイトがありましたら、是非紹介してください。

よろしくお願いします。
 

Re: スタックのデザイン&カスタムテンプレートについて

2015年8月11日 at 14:34
開発者ツールですが、網羅的にわかりやすいのはこちらのページかと
http://www.buildinsider.net/web/chromedevtools/01

CSSの検証は、上記ページの「Elements」の段落、Stylesの段落を参考にしていただければ。
開発者ツールはCSSの検証以外にもいろいろできますので、余裕のある時に、他の段落も目を通されたら良いと思います。
 

Re: スタックのデザイン&カスタムテンプレートについて

2015年8月11日 at 15:06
ありがとうございます。
今後、参考にさせていただきます。