サポート » テーマ » twentyseventeenの幅カスタイマイズができない

  • 解決済 masato01

    (@masato01)


    解決策をご存知の方よろしくお願いいたします。

    @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件中)
  • このトピックに返信するにはログインが必要です。