November 6, 2013 at 9:33 am #71256
LizParticipantPost count: 7
I’ve been following the instructions I found from another post directing me to this site. But for some reason it’s cropping my header when I make my browser window smaller, any ideas what’s going on and why the header image will not resize?
I’m pretty new to WP and CSS, so be gentle (i.e. speak to me like I’m 5, it’s okay. I know some things but don’t assume too much.)http://header, lifestyle pro, lifestyle, custom headerNovember 6, 2013 at 6:26 pm #71343
Its re-sizing your header on smaller screens?
Please link to your site.
November 8, 2013 at 8:03 am #71663November 8, 2013 at 6:51 pm #71801
Looks like its cutoff even at full size.
You will need to resize your header image and make sure it matches the same same as your settings before uploading it.
Here’s a guide which will help you http://wpsites.net/web-design/customize-lifestyle-pro-theme-header-image-area/
November 11, 2013 at 6:17 pm #72413
dave andrewParticipantPost count: 9
To the best of my knowledge I have completed the tutorial. I loaded a smaller image than the numbers and it still asked me to crop it, luckily it was minor. So I saved the image that looked perfect and then I get cropping on the header logo. I’m a bit confused, it seems to be ignoring image sizes. I added the code to take out the pading but it still seems to have padding. Is this the problem. The test site is esbfactory.comNovember 11, 2013 at 10:00 pm #72430
The image size needs to match the Custom Header size or you will be forced to crop it.
You can change the values in the functions file or add your image using CSS code. http://wpsites.net/web-design/remove-padding-from-lifestyle-pro-site-header/
November 23, 2013 at 9:38 am #75199
I followed the instructions you gave above, resized my custom header to 1140 x 200 and removed the padding. When I upload my image it does not ask me to crop but stretches it on the page. Is there a way to correct this?
My blog is at: http://www.mothernaturesessentialoils.com
Thank you in advance for your help!November 23, 2013 at 3:09 pm #75289
You could reduce the size using CSS code.
November 23, 2013 at 3:13 pm #75290
That confuses me . . . I had sized the css code to 1140 x 200 and my image is 1140 x 200. Do I reduce my image or the css code? If the css code won’t it just cut out more of my image?
I’ve seen other people with bigger header images then I’m using (height) and I can’t figure out how they are doing it.November 23, 2013 at 3:26 pm #75293
You can use CSS rather than the Custom Header function to add the image.
background: url(‘images/header.png’) no-repeat scroll 0 0 transparent;
November 23, 2013 at 4:47 pm #75303
Thank you! I’ll try that
You must be logged in to reply to this topic.