twentyseventeenの幅カスタイマイズができない
-
解決策をご存知の方よろしくお願いいたします。
@media screen and (min-width: 48em) { .page-one-column .panel-content .wrap { max-width: 1000px; } } .page.page-one-column:not(.twentyseventeen-front-page) #primary { max-width: 900px; }
twentyseventeenバージョンは2.3です。
子テーマのstyle.cssに上記コードを張り付けましたが、目的を達成できませんでした。
達成したいことは、フロントページに指定した固定ページの幅と、それ以外の固定ページの幅を広くしたいということです。デベロッパーツールで、以下の「740px」の部分を変更すると変更されるのになぜかわかりません。
@media screen and (min-width: 30em) .page-one-column .panel-content .wrap { max-width: 740px; }
親テーマの以下の「740px」のとこにも変更を加えてみましたが、これでも変更できませんでした。
/* Front Page */ .panel-content .wrap { padding-bottom: 2em; padding-top: 3.5em; } .page-one-column .panel-content .wrap { max-width: 740px; }
子テーマ内に今回追加した以外の「@media screen and」のコードがあります(以下のコード)。@media screen andを複数記載する場合、記述の仕方にルールがあるのでしょうか?
@media screen and (min-width: 48em) { .wrap { max-width: 1100px; padding-left: 2em; padding-right: 2em; } .has-sidebar:not(.error404) #primary { float: left; width: 67%;/*記事幅*/ } .has-sidebar #secondary { float: right; padding-top: 0; width: 29%; } .navigation-top .wrap { max-width: 1100px; padding: 0.75em 3.4166666666667em; } .site-content { padding: 2.5em 0 0; } }
AMP化でキャッシュが残っているからでしょうか?
一日おいてみたのですが、変更ありませんでした。
関係あるかわかりませんが、AMP for WPの設定で「標準」を選択しています。
固定ページはAMP化から外しています。原因の特定に至らず解決策がわかりません。
もしお分かりの方いらっしゃいましたら、よろしくお願いいたします。ヘルプの必要なページ: [リンクを見るにはログイン]
1件の返信を表示中 - 1 - 1件目 (全1件中)
1件の返信を表示中 - 1 - 1件目 (全1件中)
- トピック「twentyseventeenの幅カスタイマイズができない」には新たに返信することはできません。