Title: content width Last modified: August 21, 2016 --- # content width * Resolved [jsshuai](https://wordpress.org/support/users/jsshuai/) * (@jsshuai) * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-6/) * hi, * awesome theme! can i increase the width of th content area? * thanks * Jason Viewing 11 replies - 1 through 11 (of 11 total) * [Wolfs bRain](https://wordpress.org/support/users/wolfs-brain/) * (@wolfs-brain) * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-6/#post-4650503) * Hey Jsshuai, You can increase the width of any theme’s content area with css. If you link me I’ll tell you the css you need to apply. * [Johnny Tuc](https://wordpress.org/support/users/johnnytuch13/) * (@johnnytuch13) * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-6/#post-4650510) * Hi jsshuai! Can you post the website’s address so that we can help you? * Thread Starter [jsshuai](https://wordpress.org/support/users/jsshuai/) * (@jsshuai) * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-6/#post-4650615) * my site address is [http://www.exantefx.com](http://www.exantefx.com) * on “news” page, i have two columns embeded in the page, but the widget on the left only require 35% of the space i guess, whereas the right widgets requires a larger space. I’m wondering what would be the code to adjust the widths! * thanks in advance! * jsshuai * Thread Starter [jsshuai](https://wordpress.org/support/users/jsshuai/) * (@jsshuai) * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-6/#post-4650617) * here is the specific page i’m talking about: * [http://www.exantefx.com/news/](http://www.exantefx.com/news/) * [Wolfs bRain](https://wordpress.org/support/users/wolfs-brain/) * (@wolfs-brain) * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-6/#post-4650618) * ``` #primary{ width:50%; } #secondary{ width:50%; } ``` * Do you want the widths changed only for that page? If so you can put .page-id- 57 infront of the selectors like this. * ``` .page-id-57 #primary{ width:50%; } .page-id-57 #secondary{ width:50%; } ``` * You can change the widths to whatever you want. If you have anymore questions, feel free to ask. * – Wolfy and Brain (╯◕.◕)╯ * Thread Starter [jsshuai](https://wordpress.org/support/users/jsshuai/) * (@jsshuai) * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-6/#post-4650652) * sorry, i wasn’t clear. let me rephrase my questions: * i meant to have the content area divided into 35% and 65%. * This code seems to divide the content and the side bar into 50% and 50%. * Can we modify the code to divide only the content area and not the side bar? Thanks! * [Wolfs bRain](https://wordpress.org/support/users/wolfs-brain/) * (@wolfs-brain) * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-6/#post-4650653) * No problem, is this what you were looking for? * ``` div#primary.site-content div#content article#post-57.post-57 div.entry-content div table tbody tr td:nth-child(1){width:35% !important;} div#primary.site-content div#content article#post-57.post-57 div.entry-content div table tbody tr td:nth-child(4){width:65% !important;} ``` * When I changed the value of the map area to 35% it cut off a bit, but if you add this it should fit. * ``` .box_cont{ width:214px !important; } ``` * Let me know if it works or if you have any other questions. I love feedback. * Thread Starter [jsshuai](https://wordpress.org/support/users/jsshuai/) * (@jsshuai) * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-6/#post-4650656) * i put in the code, it seem to work in terms of dividing the areas to the desired width. i used: * div#primary.site-content div#content article#post-57.post-57 div.entry-content div table tbody tr td:nth-child(1){width:38% !important;} * div#primary.site-content div#content article#post-57.post-57 div.entry-content div table tbody tr td:nth-child(4){width:62% !important;} * however, if you pls look at this website, it still does not look the same: * [http://www.myfxbook.com/dashboard](http://www.myfxbook.com/dashboard) * where you see the two widgets on the top is perfectly aligned, and that the bottom, there is a shadow. would it be possible to do this? * thanks alot! * [Wolfs bRain](https://wordpress.org/support/users/wolfs-brain/) * (@wolfs-brain) * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-6/#post-4650657) * I don’t know understand what you are trying to achieve. * Thread Starter [jsshuai](https://wordpress.org/support/users/jsshuai/) * (@jsshuai) * [12 years, 3 months ago](https://wordpress.org/support/topic/content-width-6/#post-4650658) * one more question, if i want to modify the html file, is it possible to do this on wordpress’s editor page? * Theme Author [NodeCode](https://wordpress.org/support/users/nodecode/) * (@nodecode) * [12 years, 1 month ago](https://wordpress.org/support/topic/content-width-6/#post-4650712) * Yes, but with a theme update, the changes would be lost. Therefore, you should create a child theme. Viewing 11 replies - 1 through 11 (of 11 total) The topic ‘content width’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/colorlight/1.3.0/screenshot.png) * ColorLight * [Support Threads](https://wordpress.org/support/theme/colorlight/) * [Active Topics](https://wordpress.org/support/theme/colorlight/active/) * [Unresolved Topics](https://wordpress.org/support/theme/colorlight/unresolved/) * [Reviews](https://wordpress.org/support/theme/colorlight/reviews/) * 11 replies * 4 participants * Last reply from: [NodeCode](https://wordpress.org/support/users/nodecode/) * Last activity: [12 years, 1 month ago](https://wordpress.org/support/topic/content-width-6/#post-4650712) * Status: resolved