Title: Headre IMage Alignment Last modified: August 21, 2016 --- # Headre IMage Alignment * Resolved [TannerFresh](https://wordpress.org/support/users/tannerfresh/) * (@tannerfresh) * [12 years, 3 months ago](https://wordpress.org/support/topic/headre-image-alignment/) * Hey guys my website, [http://tannerfresh.com](http://tannerfresh.com) displays the header image below my navigation bar to be slightly short on the right side no matter what I try. Any suggestions? Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/headre-image-alignment/page/2/?output_format=md) [→](https://wordpress.org/support/topic/headre-image-alignment/page/2/?output_format=md) * [vtxyzzy](https://wordpress.org/support/users/vtxyzzy/) * (@vtxyzzy) * [12 years, 3 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596967) * The problem is that ‘.banner img’ is styled ‘max-width: 100%;’, but ‘img’ is styled ‘width: auto;’ which adjusts the width of the image in proportion to the height. * You need to override the ‘.banner img’ styling with this: * ``` .banner img { width: 100%; } ``` * You should create a [Child](http://codex.wordpress.org/Child_Themes) theme to make your changes. If you do not, all of your changes will be lost if you update your theme. * Thread Starter [TannerFresh](https://wordpress.org/support/users/tannerfresh/) * (@tannerfresh) * [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596982) * I made the above changes and had no luck with the banner img problem being corrected. * [vtxyzzy](https://wordpress.org/support/users/vtxyzzy/) * (@vtxyzzy) * [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596984) * Your site looks correct to me now. You may need to clear your browser cache. * Thread Starter [TannerFresh](https://wordpress.org/support/users/tannerfresh/) * (@tannerfresh) * [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596985) * Ya it did correct itself but unfortunately now my images for blog posts are extremely distorted.Do you know why that might be? * [vtxyzzy](https://wordpress.org/support/users/vtxyzzy/) * (@vtxyzzy) * [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596986) * Something else has changed because taking out the change I suggested still leaves the banner expanded. * Thread Starter [TannerFresh](https://wordpress.org/support/users/tannerfresh/) * (@tannerfresh) * [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596987) * I mean I’m alright with them being that size but if they didn’t become so pixaleted and blurry at the same time that would be nice. They used to be 1/3 the size of what they are now. * [vtxyzzy](https://wordpress.org/support/users/vtxyzzy/) * (@vtxyzzy) * [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596988) * OK, try adding this to your style.css: * ``` .entry-content img.medium, .entry-content img.thumbnail { width: 200px; } ``` * EDIT: Probably better to use a percent: width: 35%; * Thread Starter [TannerFresh](https://wordpress.org/support/users/tannerfresh/) * (@tannerfresh) * [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596989) * I added that near the bottom of styles.css but had no luck with the pictures changing size, even after clearing the cache. I really do appreciate all your help! * [vtxyzzy](https://wordpress.org/support/users/vtxyzzy/) * (@vtxyzzy) * [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596990) * Where did you add the code? When I go to the site, I do not see it at the end of wp-content/themes/church/style.css. * You really should create a [Child](http://codex.wordpress.org/Child_Themes) theme to make your changes. If you do not, all of your changes will be lost if you update your theme. * Thread Starter [TannerFresh](https://wordpress.org/support/users/tannerfresh/) * (@tannerfresh) * [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596992) * I am alos running the “Video Thumbnails” plugin by Sutherland Boswell so maybe that has something to do with I’m not sure, I temporarily deactivated it but still had no luck. * Thread Starter [TannerFresh](https://wordpress.org/support/users/tannerfresh/) * (@tannerfresh) * [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596993) * Sorry I’m not sure how to create a child theme yet. I put it in the code like such: * [@media](https://wordpress.org/support/users/media/) screen and (max-width: 600px){ # respond input[type=”email”], #respond input[type=”text”], #respond input[type =”url”] { width: 100% } } * `.entry-content img.medium, .entry-content img.thumbnail { width: 35%; } * /* Plugins Style —————————————————————————————————- */ * /* Jetpack ——————————————— */ input#subscribe-field { padding: 16px !important;} * Thread Starter [TannerFresh](https://wordpress.org/support/users/tannerfresh/) * (@tannerfresh) * [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596994) * ONce I have a child theme How am I supposed to update it? * [vtxyzzy](https://wordpress.org/support/users/vtxyzzy/) * (@vtxyzzy) * [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596995) * I see it now. You included the backtick at the front of the code (I accidentally left off the trailing one, so it showed up at first). Just remove that first character. * [vtxyzzy](https://wordpress.org/support/users/vtxyzzy/) * (@vtxyzzy) * [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596996) * You keep the parent theme pristine and make your changes in the child theme. The parent theme can then be updated without losing your customizations. * So, you would place your CSS changes in your child theme’s style.css. * Thread Starter [TannerFresh](https://wordpress.org/support/users/tannerfresh/) * (@tannerfresh) * [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/#post-4596997) * Perfect thank you for all the help, finally go it figured out! I had some experience with visual basic coding but not this stuff so some of it goes right over my head. I’m going to have to read up on how to make a child theme here. Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/headre-image-alignment/page/2/?output_format=md) [→](https://wordpress.org/support/topic/headre-image-alignment/page/2/?output_format=md) The topic ‘Headre IMage Alignment’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/church/0.7.7/screenshot.png) * Church * [Support Threads](https://wordpress.org/support/theme/church/) * [Active Topics](https://wordpress.org/support/theme/church/active/) * [Unresolved Topics](https://wordpress.org/support/theme/church/unresolved/) * [Reviews](https://wordpress.org/support/theme/church/reviews/) ## Tags * [church theme](https://wordpress.org/support/topic-tag/church-theme/) * [header](https://wordpress.org/support/topic-tag/header/) * [image](https://wordpress.org/support/topic-tag/image/) * 19 replies * 2 participants * Last reply from: [TannerFresh](https://wordpress.org/support/users/tannerfresh/) * Last activity: [12 years, 2 months ago](https://wordpress.org/support/topic/headre-image-alignment/page/2/#post-4597033) * Status: resolved