High resolution header logo / image

  • Author
    Posts
  • #64270
    eludlow
    Power User

    Hi there – love this theme, many thanks!

    Is there a way of displaying an image in the header (logo, or header image) at double the resolution? ie if I upload at double the resolution I actually want it to display as?

    Thanks!

    #64427
    Zed
    Cryout Creations mastermind

    You can assign a header image at any size you wish if you skip the cropping step. Then use this CSS to make the image adjust to fit the header:

    #branding > img {
        max-height: 100%;
        max-width: 100%;
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #64473
    eludlow
    Power User

    Thank you – this looks really promising, but I am clearly being stupid – I can’t work out how you skip the cropping step? If I try and upload an image that doesn’t fit the required dimensions (1200 x 160) in my case, the image isn’t actually saved as a header until the “crop” button is clicked. Am I missing something obvious?

    Thanks!

    #64782
    Zed
    Cryout Creations mastermind

    Next to the crop button there should be an extra ‘Skip cropping’ button.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #64873
    eludlow
    Power User

    This is odd – when trying to select my “upscaled” header image, I’m not seeing the “skip cropping” button, but when I select another random image in my library (dimensions unrelated to the proportions of the header image), it appears fine!

    Will play around and see if I can get it appear for the header image.

    #65168
    eludlow
    Power User

    Well having just updated to 2.3.0 this is now working fine – thanks!

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘High resolution header logo / image’ is closed to new replies.