WordPress.org

Ready to get started?Download WordPress

Forums

Driving myself crazy.. header text > image (3 posts)

  1. kettlecorn
    Member
    Posted 2 years ago #

    I am new to wordpress and have been on this 24/7, very little sleep wordpress venture to learn it :)

    I download this theme. magazine basic. free theme for magazines.
    http://wordpress.org/extend/themes/magazine-basic

    There is no header image, it just puts in the Blog title/description for the header and a white background.

    I have been working to try and figure out how to put my custom made header logo into the upper left where the text is. There isn't any mention of the required dimensions and when I open up header.php, nothing about width/height is mentioned. Style.css also has header but it only has width: 100%, no height or width.

    I went into theme, admin, admin-style.css and also lacks any information about dimensions.

    I tried to replace it from Dashboard by going to appearance > header and uploading my custom made photoshop image and there's a whole bunch of errors that come up about not being the right dimensions. Here are the errors:

    "Warning: Division by zero in /Applications/XAMPP/xamppfiles/htdocs/wp-admin/custom-header.php on line 666

    Warning: Division by zero in /Applications/XAMPP/xamppfiles/htdocs/wp-admin/custom-header.php on line 667

    Warning: imagecreatetruecolor() [function.imagecreatetruecolor]: Invalid image dimensions in /Applications/XAMPP/xamppfiles/htdocs/wp-includes/media.php on line 1006

    Warning: imageantialias() expects parameter 1 to be resource, boolean given in /Applications/XAMPP/xamppfiles/htdocs/wp-admin/includes/image.php on line 63

    Warning: imagecopyresampled() expects parameter 1 to be resource, boolean given in /Applications/XAMPP/xamppfiles/htdocs/wp-admin/includes/image.php on line 65

    Warning: imagejpeg() expects parameter 1 to be resource, boolean given in /Applications/XAMPP/xamppfiles/htdocs/wp-admin/includes/image.php on line 74

    Warning: Division by zero in /Applications/XAMPP/xamppfiles/htdocs/wp-admin/custom-header.php on line 674

    Warning: Division by zero in /Applications/XAMPP/xamppfiles/htdocs/wp-admin/custom-header.php on line 675"

    Never knew such a "simple" thing as replacing the header text with an image would drive me so crazy. I tried uploading a file size that is 540X250 with a transparent background in the form of a PNG.

  2. MJ14
    Member
    Posted 2 years ago #

    Width is 800px. What size is the image you are trying to add? If it's above or below 800px that's probably your problem.

  3. Digital Raindrops
    Member
    Posted 2 years ago #

    I tried to replace it from Dashboard by going to appearance > header and uploading my custom made photoshop image.

    The theme does not support WordPress custom headers, so the Appearance > Header option is not there?

    Header widths based on your theme width selection
    Admin > Appearance > Magazine Basic > Main (show all)
    Site Width
    800 then the maximum header image width is 760px
    1024 then the maximum header image width is 982px

    You need to deduct the 32px as there is a 16px margin left and right, and a 20px top margin.

    .headerimage img {
       margin: 20px 16px 0;
    }

    For your image width 540X250 it should be ok "as is" but it will have a 16px left and the top margins added.

    png with a transparent background should be no trouble, if it does not load then the issue is your image is not a png, go back to Photoshop and use the option to "Save for the Web"!

    Upload your header Admin > Media > Add New
    Edit the uploaded image and copy the url!
    http://digitalraindrops.net/images/basic-1.png

    Admin > Appearance > Magazine Basic > Header and Footer (show all)
    Enter the header url
    http://digitalraindrops.net/images/basic-2.png

    That it all done!
    http://digitalraindrops.net/images/basic-3.png

    xHeader in images from free software

    HTH

    David

Topic Closed

This topic has been closed to new replies.

About this Topic