Title: TileGallery Width Centering problem Last modified: August 21, 2016 --- # TileGallery Width Centering problem * Resolved [n3v3rm1nd](https://wordpress.org/support/users/n3v3rm1nd/) * (@n3v3rm1nd) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/) * hy ! * i wantedt to expand the widht of the jetpack tile gallery by using this in the functions.php * ``` if ( ! isset( $content_width ) ) $content_width = 1500; ``` * that alone did nothing so i went ahead and modified this * `#content{width:1500px;}` * now everything is not centered and i tried everything to align it well. * i hope someone can help me ! 🙂 Viewing 15 replies - 1 through 15 (of 15 total) * [Michael Smith](https://wordpress.org/support/users/msmith993/) * (@msmith993) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007318) * hello n3v3rm1nd * Would it be possible for you to post the web address so we can see the problem your talking about? It would really help. * Thread Starter [n3v3rm1nd](https://wordpress.org/support/users/n3v3rm1nd/) * (@n3v3rm1nd) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007345) * oh yeah sorry ! emotionspix.de * static page on the homepage and other one are affected by this * [acub](https://wordpress.org/support/users/acub/) * (@acub) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007363) * I am sorry, I don’t understand what you mean by “expand the widht of the jetpack tile gallery”. * If I understand what you want I can tell you how to do it and where to add the code. * Thread Starter [n3v3rm1nd](https://wordpress.org/support/users/n3v3rm1nd/) * (@n3v3rm1nd) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007367) * the tile gallery is not wide enough .. i expanded it to 1500px but now everything is not centered .. see for yourself .. link is in the post above you * [Michael Smith](https://wordpress.org/support/users/msmith993/) * (@msmith993) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007381) * Here you go * ``` #content { margin: 0 0 0 -10%; width: 1500px; } ``` * You expanded the width of the image to a size wider than the base width of the site. Use the above code and you will get your images centered again. * Thread Starter [n3v3rm1nd](https://wordpress.org/support/users/n3v3rm1nd/) * (@n3v3rm1nd) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007389) * yeah ! fixed it .. i fiddled with the margin but no way that i could fix it ! 😀 thanks ! * [Michael Smith](https://wordpress.org/support/users/msmith993/) * (@msmith993) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007390) * Not a problem. * Happy to help. * [acub](https://wordpress.org/support/users/acub/) * (@acub) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007391) * For all I care, there is no tile gallery at [http://emotionspix.de](http://emotionspix.de) * I assume you do not have the time to wait for me to learn Deustche, in order to help you. * Anyway, I suppose you meant the tile gallery @ [http://emotionspix.de/portfolio/](http://emotionspix.de/portfolio/). * In your child theme’s style.css, replace last line `#content{width:1500px;}` with * ``` .page-id-41 .container { width: 100%; overflow-x: hidden; } .page-id-41 #content { width: 98%; } .page-id-41 .breadcrumbs { margin-left: 20px; } ``` * Can’t test it higher than 1440px wide here, but should be ok. * [@michael](https://wordpress.org/support/users/michael/) Smith: this is a responsive theme. Please make a habit of re-sizing the browser window before submitting a CSS solution. Also, keep in mind that a website having both horizontal and vertical scrolls is generally considered a bad practice. * Thread Starter [n3v3rm1nd](https://wordpress.org/support/users/n3v3rm1nd/) * (@n3v3rm1nd) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007400) * not centered with this … * #content{width:1500px;} should not be visible i assume .. * Thread Starter [n3v3rm1nd](https://wordpress.org/support/users/n3v3rm1nd/) * (@n3v3rm1nd) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007413) * and the problem with this is that its no longer responsive * ``` #content { margin: 0 0 0 -10%; width: 1500px; } ``` * but acts as a quick fix ! 😀 * [ElectricFeet](https://wordpress.org/support/users/electricfeet/) * (@electricfeet) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007423) * Did you try acub’s suggestion? * Thread Starter [n3v3rm1nd](https://wordpress.org/support/users/n3v3rm1nd/) * (@n3v3rm1nd) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007434) * yeah thats when i said that everything works fine but the centering * [acub](https://wordpress.org/support/users/acub/) * (@acub) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007443) * Sorry, wasn’t able to test it on widths larger than 1440px until now. Add this to the CSS I mentioned above: * ``` .page-id-41 .tiled-gallery { margin: 0 auto; display: inline-block; } .page-id-41 .entry-content { text-align: center; } ``` * [acub](https://wordpress.org/support/users/acub/) * (@acub) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007444) * I also noticed another small problem @ widths under 767px. You need to add this too: * ``` @media (max-width: 767px) { .page-id-41 #content { width: 100%; } .page-id-41 #main-wrapper { padding: 0; } } ``` * Thread Starter [n3v3rm1nd](https://wordpress.org/support/users/n3v3rm1nd/) * (@n3v3rm1nd) * [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007457) * wow you are a really great person ! thank you very much ! i hope other people get helped by this thread too ! 😀 Viewing 15 replies - 1 through 15 (of 15 total) The topic ‘TileGallery Width Centering problem’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png) * Customizr * [Support Threads](https://wordpress.org/support/theme/customizr/) * [Active Topics](https://wordpress.org/support/theme/customizr/active/) * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/) * [Reviews](https://wordpress.org/support/theme/customizr/reviews/) ## Tags * [center](https://wordpress.org/support/topic-tag/center/) * [galleries](https://wordpress.org/support/topic-tag/galleries/) * [Tile](https://wordpress.org/support/topic-tag/tile/) * 15 replies * 4 participants * Last reply from: [n3v3rm1nd](https://wordpress.org/support/users/n3v3rm1nd/) * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/tilegallery-width-centering-problem/#post-5007457) * Status: resolved