Header Image

Homepage › Community Forums › Epik Theme Support › Header Image

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 4, 2014 at 10:34 pm #12954
    Tracy
    Customer

      I am having problems being able to upload a header image without it cutting off part of the image (forcing me to crop) and pixelating the image when it places it into the header. I have tried various sizes and formats (jpg, png) and nothing seems to work.
      I have also tried the fixes in previous posts but I can’t get it working. Can someone please offer guidance on how to get this to work. http://www.greenlotustherapies.com.au/wordpress
      The current image 361 x 84 px. I have also tried the exact size as per the Custom Header details of 360 x 164 and that cuts off as well.
      Thanks in advance.

      July 5, 2014 at 8:03 am #12955
      theapril
      Customer

        I’ve had this problem, as well. It has been an issue of transparency, for me. If you are using a .png file, make sure that you match the background of the image to the background of your header. Or, make sure the elements touch the very edges of the dimensions. If your background is transparent, the dimensions will sometimes be changed when you save the file. So, you think you are saving it at 360×164, but it is really 350×159, or whatever. I hope this helps. That can be very frustrating.

        July 5, 2014 at 11:03 pm #12965
        Eric
        Customer

          @Tracy Anytime you are uploading an Image using the standard WordPress header uploader, you need to make sure the image that you’re uploading matches the exact size of the image size in your functions.php file. So check in your functions file for this – 

          //* Add support for custom header
add_theme_support( 'custom-header', array(
	'width'           => 360,
	'height'          => 164,
	'header-selector' => '.site-title a',
	'header-text'     => false,
) );

          Find out the exact size of your image, and then change the functions.php code to match that size….then it should upload perfectly without having to crop. That’s the way the standard WordPress uploader works.

          I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

          July 6, 2014 at 3:54 am #12968
          Tracy
          Customer

            Thanks Eric and theapril for your help. I adjusted the header file in the functions.php to 400 x 100px which is the size of the image. It now uploads clearly and without cropping in the crop section however when I view the site it still cuts off part of the logo. Any other suggestions?

            July 6, 2014 at 10:44 am #12970
            Eric
            Customer

              Your link isn’t working for some reason. You most likely need to add this code in the responsive section (depending which size you need to add it to) – 

              .header-image .site-title a {
    background-size: contain !important;
}

              That’s usually what most Genesis themes need to make logos responsive.

              I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

            • Author
              Posts
            Viewing 5 posts - 1 through 5 (of 5 total)
            • You must be logged in to reply to this topic.