サポート » テーマ » Twenty Twelve、ワンカラムの記事(カテゴリー表示)幅が変更できません

  • Twenty Twelveをワンカラムにて使用しております。
    本文の幅を960pxから640pxに狭めようしているのですが、どうにも上手くいきません。
    該当ページはこちらになります。
    http://abirdwhale.com/category/blog-ja/

    子テーマのstyle.cssは次のような内容になっています。

    @charset "utf-8";
    /*
    Theme Name:     twentytwelve-child
    Theme URI:      http: //example.com/
    Description:    Twenty Twelve theme の子テーマ
    Author:         Kakinoki Masato
    Author URI:     http: //example.com/about/
    Template:       twentytwelve
    Version:        0.1.0
    */
    @import url('../twentytwelve/style.css');
    
    /* http://eienmukyu.com/2012/05/komidashi-css/ */
    h3.selector01 {
    	font-size: 16px;
    	font-size: 1.142857143rem;
    	line-height: 1.846153846;
         font-weight: bold;
         border-left: 7px solid #e0e0e0;
         border-bottom: 1px solid #e0e0e0;
         padding: 0.3em 0.8em;
         margin: 2em 0em 1em 0em;
    }
    
    /* http://eienmukyu.com/2012/05/komidashi-css/ */
    h2.selector01 {
    	font-size: 18px;
    	font-size: 1.285714286rem;
    	line-height: 1.6;
         font-weight: bold;
         border-left: 7px solid #e0e0e0;
         border-bottom: 1px solid #e0e0e0;
         padding: 0.3em 0.8em;
         margin: 2em 0em 1em 0em;
    }
    
    /* http://eienmukyu.com/2012/05/komidashi-css/ */
    h3.selector01b2 {
    	font-size: 16px;
    	font-size: 1.142857143rem;
    	line-height: 1.846153846;
         font-weight: bold;
         border-left: 7px solid #21759b;
         border-bottom: 1px solid #21759b;
         padding: 0.3em 0.8em;
         margin: 2em 0em 1em 0em;
         color: #21759b;
    }
    
    /* http://eienmukyu.com/2012/05/komidashi-css/ */
    h2.selector01b2 {
    	font-size: 18px;
    	font-size: 1.285714286rem;
    	line-height: 1.6;
         border-left: 7px solid #21759b;
         border-bottom: 1px solid #21759b;
         padding: 0.3em 0.8em;
         margin: 2em 0em 1em 0em;
         color: #21759b;
    }
    
    /* http://eienmukyu.com/2012/05/komidashi-css/ */
    h3.selector01b {
    	font-size: 16px;
    	font-size: 1.142857143rem;
    	line-height: 1.846153846;
         font-weight: bold;
         border-left: 7px solid #21759b;
         border-bottom: 1px solid #21759b;
         padding: 0.3em 0.8em;
         margin: 2em 0em 1em 0em;
    }
    
    /* http://eienmukyu.com/2012/05/komidashi-css/ */
    h2.selector01b {
    	font-size: 18px;
    	font-size: 1.285714286rem;
    	line-height: 1.6;
         border-left: 7px solid #21759b;
         border-bottom: 1px solid #21759b;
         padding: 0.3em 0.8em;
         margin: 2em 0em 1em 0em;
    }
    
    /* stop tex-transform in navigation */
    .main-navigation li a {
    		border-bottom: 0;
    		color: #6a6a6a;
    		line-height: 3.692307692;
    		text-transform: none;
    		white-space: nowrap;
    	}
    
    /* This Block Adjusts the Overall Theme Width */
    footer[role="contentinfo"] {
    	max-width: 640px;
    }
    @media screen and (min-width: 600px) {
    	.site {
    		max-width: 640px;
    		max-width: 45.7142857143rem;
    	}
    }
    .ie .site {
    	max-width: 640px;
    }
    
    .nocomments {
    display: none;
    }
    
    /* Remove image borders */
    .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
        border-radius: none !important;
        box-shadow: none !important;
    }

    そのうち、

    /* This Block Adjusts the Overall Theme Width */
    footer[role="contentinfo"] {
    	max-width: 640px;
    }
    @media screen and (min-width: 600px) {
    	.site {
    		max-width: 640px;
    		max-width: 45.7142857143rem;
    	}
    }
    .ie .site {
    	max-width: 640px;
    }

    という部分が、http://voodoopress.com/modify-the-width-of-the-new-wordpress-twenty-twelve-theme/を参考に、今回新たに追加した箇所になります。
    子テーマをどういじっても上手く行かなかったため、親テーマのstyle.cssの960とある部分(4箇所ありました)すべてを640に置換してみたりもしたのですが、結果は同じでした。

    ちなみに該当ページは、記事一覧ではなく、あるカテゴリーに該当する記事を表示したものになっております。

    ご多用のところ申し訳ありませんが、お力をお貸しいただけると大変ありがたいです。
    よろしくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック投稿者 Masato

    (@abirdwhale)

    未解決です。よろしくお願いいたします。

    トピック投稿者 Masato

    (@abirdwhale)

    いつの間にか反映されておりました。お騒がせ致しました。640pxは狭すぎたので、先ほど720pxに変更致いたしました。

    ただ、ページ上部のバナーとメニューについては、デフォルトの広い(960px?)のままにしておきたかったのですが、そこも狭められてしまいました。その部分についてはデフォルトの幅を保っておくにはどのような方法があるのでしょうか。

    引き続きよろしくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Twenty Twelve、ワンカラムの記事(カテゴリー表示)幅が変更できません」には新たに返信することはできません。