Need help? Check out our Support site, then


Coraline header image mystery

  1. Coraline header images have a height limit in pixels of 180. Yet somehow I uploaded a header image of 833 x 600 pixels last year. I want to replace the image with another which is exactly the same size. But I cannot get past the "Crop and Publish" button, which does not have the option to "Skip cropping and publish as is". The new image cannot get past the 180 pixel limitation.

    I cannot for the life of me figure out how I got past this problem before. Can anyone help?

    The blog I need help with is litoblog.com.

  2. All header images are uploaded here > Appearance > Header
    Coraline header image dimensions are 990 × 180 pixels in the two column layout.
    I don't know how you got http://litoblog.files.wordpress.com/2012/07/lito-header-3.jpg to display where it is now.
    I tagged this thread for a Themes Staff response.

  3. Coraline has the flexible header image feature which means you can upload any size header you wish. When you go to upload the header, simply press the "use as is" button and it will not be cropped.

  4. Thanks Sacredpath, but nowhere can I find a "use as is" button or a "Skip cropping and publish as is" button.
    I see that timethief is suitably nonplussed.
    Also, I have no idea what version of Coraline I have.
    And my faulty memory will not reveal the method I used last year.

  5. In the past I've basically allowed it to crop, but pulled the crop lines to the full size (not on this theme, but on others). Then just click to move forward.

  6. raincoaster - Won't allow me to pull crop lines to full size. If I allow the crop, that's what I get for the new header. If I don't crop, the header is all black, with 180 pixel height.

  7. Coraline has the flexible header image feature which means you can upload any size header you wish.

    That's not correct. The table on the doc TSP linked to lists the themes that support a header image, not the themes that support a so-called flexible header image.

    Coraline header image dimensions are 990 × 180 pixels in the two column layout.

    That's not correct either. No matter what the layout, the image you upload will be used as is if it's 990×180, or will be cropped to these dimensions if in a different aspect ratio. What size will actually show up depends on the layout you have selected in Appearance > Theme Options.

    I have no idea what version of Coraline I have.

    The layout you're using is: content left, single sidebar right. Total width in this case is 770px, so your header image is downsized to fit: original 833x600, displayed version 770x555.

    Yet somehow I uploaded a header image of 833 x 600 pixels last year.

    On WP, last year is long time ago. The key is raincoaster's "in the past": WP changes and updates things all the time. Even the CSS of the theme has changed, so presumably its PHP has changed as well, and handling images in general has also changed. The CSS of the theme did and does allow variable height (hence the display of your current header image), but your dashboard no longer allows this.

  8. So, justpi, if I spend the $30 for the Custom Design, I will then be able to adjust the CSS to allow 833 x 600 of the new header image?

  9. If you buy the upgrade, you'll be able to insert and display a header image that has the height you prefer. It won't be inserted in Appearance > Header, it will be inserted in a special way in the CSS editor.
    But note what I pointed out above: what you're seeing now is not 833x600, it's 770x555 (because the image is automatically scaled down to fit the width of the theme). If you want to insert a header image via CSS, you need to create a 770px wide image first - except if you use further CSS editing to widen the whole theme.

    Or you can simply wait, since the Support doc TSP linked to says that WP will make free-height header images possible on more themes:
    "Not all themes have support for flexible headers yet, but we are working to add support for as many themes as possible over time."

  10. Thanks justpi. I scaled the image to 770x555. As there are the inevitable hassles with proof for new book (which image relates to), I'll wait until it's available and then buy the Custom Design if Coraline hasn't been updated to flexible headers. Thanks to all.

  11. Hi there,

    I just deployed a fix to the Custom Header support for Coraline. You should now be able to freely resize the height of the header images that you upload.

    Let me know if you have any questions!

  12. Bravo cainm. Got it up in a jiffy. Many thanks for everyone's input.

Topic Closed

This topic has been closed to new replies.

About this Topic