Title: content width ratio
Last modified: December 19, 2016

---

# content width ratio

 *  Resolved [SzilNET](https://wordpress.org/support/users/szilnet/)
 * (@szilnet)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/content-width-ratio/)
 * Hi,
 * Is it possible to change the sidebar and content ratio? To width for me the sidebar
   area.
    I’ve tried to modify 36% and 58% some places of stile.css, but no success.
 * Could you help me? Thank you!

Viewing 8 replies - 1 through 8 (of 8 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [9 years, 3 months ago](https://wordpress.org/support/topic/content-width-ratio/#post-8567610)
 * Can you show us an example page that you want this applied to? In future try 
   to avoid modifying the theme’s files, it’s bad practice.
 *  Thread Starter [SzilNET](https://wordpress.org/support/users/szilnet/)
 * (@szilnet)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/content-width-ratio/#post-8567674)
 * For example:
    [http://kemenyseprok.hu.s5.webdigital.hu/category/archive/2017/](http://kemenyseprok.hu.s5.webdigital.hu/category/archive/2017/)
 * I used to an child theme.
 * Thank you,
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [9 years, 3 months ago](https://wordpress.org/support/topic/content-width-ratio/#post-8567822)
 * Try adding this to your Child Theme style.css file:
 *     ```
       @media screen and (min-width: 48em) {
           .page-two-column.has-sidebar #primary {
               width: 36%;
           }
   
           .page-two-column.has-sidebar #secondary {
               width: 58%;
           }
       }
       ```
   
 *  Thread Starter [SzilNET](https://wordpress.org/support/users/szilnet/)
 * (@szilnet)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/content-width-ratio/#post-8567850)
 * Very nice!
    I have to change like this, becouse of the right side toolbar:
 * [@media](https://wordpress.org/support/users/media/) screen and (min-width: 48em){
   .
   page-two-column.has-sidebar #primary { width: 66%; }
 *  .page-two-column.has-sidebar #secondary {
    width: 28%; } }
 * Could you help me about the main site’s ratio?
    -  This reply was modified 9 years, 3 months ago by [SzilNET](https://wordpress.org/support/users/szilnet/).
    -  This reply was modified 9 years, 3 months ago by [SzilNET](https://wordpress.org/support/users/szilnet/).
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [9 years, 3 months ago](https://wordpress.org/support/topic/content-width-ratio/#post-8567874)
 * You haven’t put it in your Child Theme style.css file: [http://kemenyseprok.hu.s5.webdigital.hu/wp-content/themes/twentyseventeen-child/style.css?ver=4.7](http://kemenyseprok.hu.s5.webdigital.hu/wp-content/themes/twentyseventeen-child/style.css?ver=4.7)
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [9 years, 3 months ago](https://wordpress.org/support/topic/content-width-ratio/#post-8567916)
 * Looks like you’re also overriding the CSS in your Child Theme style.css file 
   by the CSS you’ve put into the “Custom CSS” option.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [9 years, 3 months ago](https://wordpress.org/support/topic/content-width-ratio/#post-8567920)
 * To make your life easier I would recommend picking either to use your Child Theme
   style.css file or Custom CSS theme option and not both.
 *  Thread Starter [SzilNET](https://wordpress.org/support/users/szilnet/)
 * (@szilnet)
 * [9 years, 3 months ago](https://wordpress.org/support/topic/content-width-ratio/#post-8567937)
 * Accepted!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘content width ratio’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/twentyseventeen/4.0/screenshot.
   png)
 * Twenty Seventeen
 * [Support Threads](https://wordpress.org/support/theme/twentyseventeen/)
 * [Active Topics](https://wordpress.org/support/theme/twentyseventeen/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/twentyseventeen/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/twentyseventeen/reviews/)

## Tags

 * [content width](https://wordpress.org/support/topic-tag/content-width/)

 * 8 replies
 * 2 participants
 * Last reply from: [SzilNET](https://wordpress.org/support/users/szilnet/)
 * Last activity: [9 years, 3 months ago](https://wordpress.org/support/topic/content-width-ratio/#post-8567937)
 * Status: resolved