Title: New content wrapper width – how? Last modified: January 23, 2018 --- # New content wrapper width – how? * [phell](https://wordpress.org/support/users/phell/) * (@phell) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/) * Dear forum * I need help adjusting the width of the main wrapper, with sidebar for this theme. How can I change this? * Also how can I possibly fix the width of the sidebar? * There is a picture of how it looks currently below this (sorry if I am not allowed to link, but it was easier to display it rather than to write it!): * [[ - This topic was modified 8 years, 3 months ago by [phell](https://wordpress.org/support/users/phell/). Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/new-content-wrapper-width-how/page/2/?output_format=md) [→](https://wordpress.org/support/topic/new-content-wrapper-width-how/page/2/?output_format=md) * Thread Starter [phell](https://wordpress.org/support/users/phell/) * (@phell) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9895381) * As can be seen above, the main wrapper is too narrow. Please point me to the file as to where I can fix this. Many thanks in advance! 🙂 * [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/) * (@vinod-dalvi) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9896495) * I hope you are well today and thank you for your questions. * > I need help adjusting the width of the main wrapper, with sidebar for this > theme. How can I change this? * You can adjust its width by adding the following CSS code in the Custom CSS option of your theme on the below path. * Admin Area -> Appearance -> Customize -> Additional CSS * ``` .container.main-content-area { width: 1270px; } ``` * > Also how can I possibly fix the width of the sidebar? * You can fix sidebar width by using below CSS code. * ``` #secondary { max-width: 310px; } ``` * Best regards * Thread Starter [phell](https://wordpress.org/support/users/phell/) * (@phell) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9908520) * Hello Vinod! * Thank you for the solution! I appreciate it a lot. * Also I have a new question that I hope you have the answer to? * If I want to fix the font size of h2, h3, h4, h5 I am unable to do so? I’ve been through the style.css and the bootstrap.css? Are there any other place that I need to look for it? * I’ve attached pictures below : * [[ * [[ * [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/) * (@vinod-dalvi) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9908769) * > If I want to fix the font size of h2, h3, h4, h5 I am unable to do so? I’ve > been through the style.css and the bootstrap.css? Are there any other place > that I need to look for it? * To achieve this you have to copy the above shared CSS code in the Custom CSS option of theme on the path Admin Area -> Appearance -> Customize -> Additional CSS and make it more specific as displayed below. * ``` h1, .h1 { font-size: 36px !important; } ``` * Thread Starter [phell](https://wordpress.org/support/users/phell/) * (@phell) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9916208) * Sweet, thank you so much for the help! * Also, I have new questions for the Sparkling theme. I decided to go with a template for the front page, however, now it still displays the wrapper behind the theme? How can I remove this, see attached picture: * [[ * Thread Starter [phell](https://wordpress.org/support/users/phell/) * (@phell) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9916220) * For your information, the slider picture is supposed to go all the way to the top. * [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/) * (@vinod-dalvi) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9917512) * Could you please share me your site URL where it’s displaying so that i can help you? * Thread Starter [phell](https://wordpress.org/support/users/phell/) * (@phell) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9917592) * Sure thing! Moneyadvisor.dk – I Will Remove the “under construction” in 2-3 hours for you to review the site. Thank you so much. * Let me know if I Can do anything in order to help you, help me? * [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/) * (@vinod-dalvi) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9917653) * Ok let me know after removing under construction mode. * Thread Starter [phell](https://wordpress.org/support/users/phell/) * (@phell) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9918119) * All right – it is up and running. * [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/) * (@vinod-dalvi) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9918210) * You can remove that wrapper using below CSS code. * ``` .home .post-inner-content { background: transparent; border: 0; } ``` * Thread Starter [phell](https://wordpress.org/support/users/phell/) * (@phell) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9918238) * Sweet thanks! How do I make the picture stay right below the menu? * [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/) * (@vinod-dalvi) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9918390) * Use below CSS code to achieve it. * ``` .home .post-inner-content { padding-top: 0; } .home .container.main-content-area, .home .entry-content { margin-top: 0; } .home header.entry-header.page-header { margin: 0; } ``` * Thread Starter [phell](https://wordpress.org/support/users/phell/) * (@phell) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9918434) * Thank you! You are the best! * Thread Starter [phell](https://wordpress.org/support/users/phell/) * (@phell) * [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/#post-9919330) * All right, I have another question for you. * Is there any way at all, to align this piece of code with the iFrame? (See attached picture) * [[ * [[ Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/new-content-wrapper-width-how/page/2/?output_format=md) [→](https://wordpress.org/support/topic/new-content-wrapper-width-how/page/2/?output_format=md) The topic ‘New content wrapper width – how?’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/sparkling/2.4.11/screenshot.png) * Sparkling * [Support Threads](https://wordpress.org/support/theme/sparkling/) * [Active Topics](https://wordpress.org/support/theme/sparkling/active/) * [Unresolved Topics](https://wordpress.org/support/theme/sparkling/unresolved/) * [Reviews](https://wordpress.org/support/theme/sparkling/reviews/) ## Tags * [etc.](https://wordpress.org/support/topic-tag/etc/) * 18 replies * 2 participants * Last reply from: [Vinod Dalvi](https://wordpress.org/support/users/vinod-dalvi/) * Last activity: [8 years, 3 months ago](https://wordpress.org/support/topic/new-content-wrapper-width-how/page/2/#post-9921721) * Status: not resolved