Title: Width container Last modified: August 22, 2016 --- # Width container * Resolved [bartgrono](https://wordpress.org/support/users/bartgrono/) * (@bartgrono) * [11 years, 2 months ago](https://wordpress.org/support/topic/width-container/) * Hi! Nice theme! * It’s amazing 🙂 but i try change my width in this container. * [@down](https://wordpress.org/support/users/down/) * [Images](http://pl.tinypic.com/r/v6or3t/8) * Can you help me? Viewing 15 replies - 1 through 15 (of 15 total) * Theme Author [Ben Sibley](https://wordpress.org/support/users/bensibley/) * (@bensibley) * [11 years, 2 months ago](https://wordpress.org/support/topic/width-container/#post-5782645) * Thanks for using Tracks! * The selector you’re looking for is `.entry-container`, and if you decrease the` padding` you can increase it’s width, like this: * ``` .entry-container { padding: 0 5% !important; } ``` * You can copy and paste that code into the “Custom CSS” section in the Customizer( Appearance > Customize). Once added there, it should take affect right away. * Thread Starter [bartgrono](https://wordpress.org/support/users/bartgrono/) * (@bartgrono) * [11 years, 2 months ago](https://wordpress.org/support/topic/width-container/#post-5782685) * Thanks. * Good theme for photography! Greetings from Polish * Theme Author [Ben Sibley](https://wordpress.org/support/users/bensibley/) * (@bensibley) * [11 years, 2 months ago](https://wordpress.org/support/topic/width-container/#post-5782731) * You’re welcome 🙂 * [Lair](https://wordpress.org/support/users/beccabewick/) * (@beccabewick) * [11 years, 1 month ago](https://wordpress.org/support/topic/width-container/#post-5782932) * Hi Ben! I used this Custom CSS recently and it’s perfect (love your theme as well). But I’m wonder…is it possible to remove the padding from the comments as well? [http://www.beccabewick.com/?p=776](http://www.beccabewick.com/?p=776) * Thanks! Becca * Theme Author [Ben Sibley](https://wordpress.org/support/users/bensibley/) * (@bensibley) * [11 years, 1 month ago](https://wordpress.org/support/topic/width-container/#post-5782933) * Glad you like the theme! * This can be done with the following CSS: * ``` .comments { padding: 0 5% !important; } ``` * With just the above code, it will leave the comments looking a bit weird ([screenshot](http://pics.competethemes.com/image/0z1j2q3f1b0c)), so add the following too to change the position of the actual comment text: * ``` .comment-content { width: 70% !important; } ``` * [Lair](https://wordpress.org/support/users/beccabewick/) * (@beccabewick) * [11 years ago](https://wordpress.org/support/topic/width-container/#post-5782940) * Hi Ben! I’m sorry for my slow response (especially thank you for yours). I added both codes but they didn’t change anything. I’m pretty new to wordpress so I might be missing something basic. * Just in case it’s relevant, I have a longish list of codes in the Custom CSS. Here’s the full text: * .further-reading{ display: none; } * .comments- { padding: 0 5% !important; } * .comment-content { width: 70% !important; } * .entry-categories, .entry-tags { display: none; } * .entry-container { padding: 0 5% !important; } * .ngg-galleryoverview { text-align:center; } * .ngg-gallery-thumbnail-box { float:none !important; display:inline-block; } * .ngg-gallery-thumbnail img { padding: 0px !important; border: none !important; border-radius: 0px !important; margin: 0 !important; } * .ngg-galleryoverview { overflow:visible!important; } * .ngg-gallery-thumbnail img {opacity: 1; filter: alpha(opacity=100); -webkit- transition: opacity .5s linear; } * .ngg-gallery-thumbnail img:hover {opacity: 0.5; filter: alpha(opacity=50); - webkit-transition: opacity .5s linear; } * Theme Author [Ben Sibley](https://wordpress.org/support/users/bensibley/) * (@bensibley) * [11 years ago](https://wordpress.org/support/topic/width-container/#post-5782941) * Okay I just tested your CSS and the container width expanded for me. However, the comment width did not because there is a hyphen following “.comments” selector like this “.comments-“. * If you remove that hyphen the width for the comments should update properly. * [Lair](https://wordpress.org/support/users/beccabewick/) * (@beccabewick) * [11 years ago](https://wordpress.org/support/topic/width-container/#post-5782944) * Oooh that’s nice 🙂 Thank you so much. It takes me forever to find these new things, teaching myself as I go — I very much appreciate the help!! * Cheers! * Theme Author [Ben Sibley](https://wordpress.org/support/users/bensibley/) * (@bensibley) * [11 years ago](https://wordpress.org/support/topic/width-container/#post-5782945) * No problem, glad it’s working for you now 🙂 * [maz-o](https://wordpress.org/support/users/maz-o/) * (@maz-o) * [10 years, 11 months ago](https://wordpress.org/support/topic/width-container/#post-5782949) * Hello, hijacking this thread because I have issues with the same topic. * When I use the following code * ``` .entry-container { padding: 0 5% !important; } ``` * the “Tags” links on the left side of the content overlaps with the post. How do I move the Tags to the left when I make the content container wider? * Thanks! * Theme Author [Ben Sibley](https://wordpress.org/support/users/bensibley/) * (@bensibley) * [10 years, 11 months ago](https://wordpress.org/support/topic/width-container/#post-5782950) * Since there won’t be much space remaining on the left, I would recommend keeping the tags and categories below the post content. That can be done with the following CSS: * ``` .entry-meta-bottom.float .entry-categories, .entry-meta-bottom.float .entry-tags { position: static; width: auto; text-align: left; padding: 0; } .entry-meta-bottom.float .entry-categories a, .entry-meta-bottom.float .entry-tags a { display: inline-block; margin-right: 0.375em; } ``` * [maz-o](https://wordpress.org/support/users/maz-o/) * (@maz-o) * [10 years, 11 months ago](https://wordpress.org/support/topic/width-container/#post-5782951) * What if I changed the padding to 10-15% and there would still be room for the tags on the left side. How would I move them in that case? Thanks. * Theme Author [Ben Sibley](https://wordpress.org/support/users/bensibley/) * (@bensibley) * [10 years, 11 months ago](https://wordpress.org/support/topic/width-container/#post-5782952) * Okay in that case, here is the CSS you need: * ``` @media all and (min-width: 68.75em) { .entry-meta-bottom.float .entry-categories, .entry-meta-bottom.float .entry-tags { width: 16.66%; left: 0; } } ``` * You can change the left value to a negative percentage (ex -7%), and play around with that to move the categories/tags further left towards the edge of the post container. You can also modify the width of the categories/tags to give them more or less space. * Those two values along with the padding for `.entry-container` should give you everything you need to adjust the width to your liking. * [maz-o](https://wordpress.org/support/users/maz-o/) * (@maz-o) * [10 years, 11 months ago](https://wordpress.org/support/topic/width-container/#post-5782953) * just what I was looking for! THANKS! * Theme Author [Ben Sibley](https://wordpress.org/support/users/bensibley/) * (@bensibley) * [10 years, 11 months ago](https://wordpress.org/support/topic/width-container/#post-5782954) * You’re welcome 🙂 Viewing 15 replies - 1 through 15 (of 15 total) The topic ‘Width container’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/tracks/1.81/screenshot.png) * Tracks * [Support Threads](https://wordpress.org/support/theme/tracks/) * [Active Topics](https://wordpress.org/support/theme/tracks/active/) * [Unresolved Topics](https://wordpress.org/support/theme/tracks/unresolved/) * [Reviews](https://wordpress.org/support/theme/tracks/reviews/) * 15 replies * 4 participants * Last reply from: [Ben Sibley](https://wordpress.org/support/users/bensibley/) * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/width-container/#post-5782954) * Status: resolved