WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Spun header size (8 posts)

  1. polly001
    Member
    Posted 1 year ago #

    Hello

    Just wondering if anyone had any success with the suggestion about how to change header size. I have a logo I created in illustrator (text and image) and I'd like to place that in my website in the header area.

    If I bring in my image it always asks me to crop it and the default size is 150x150.

    I've read that I need to create a new header.php but I tried this with the code suggested but it does not work and adds a weird line of code at the top of my website,

    Any ideas?
    thanks
    polly

  2. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    you don't mention what you have tried so far to change the header size;
    have you read:
    http://wordpress.org/support/topic/make-header-larger?replies=3

  3. polly001
    Member
    Posted 1 year ago #

    hi Alchymyth
    yes I have read this and tried the suggestion but the code doen't seem to be working.
    thanks

  4. polly001
    Member
    Posted 1 year ago #

    I have just tried again:
    in my child theme style.css changing the #masthead img max height to none allows the overall header height to be increased which is good.

    However when I go to appearance>header I can only ever upload a 150x150 image.

    So I then created a new functions.php in my child theme and added the code as per your link but it doesn't work :-(

  5. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

    So I then created a new functions.php in my child theme and added the code as per your link but it doesn't work :-(

    new functions.php in a child theme can be tricky -

    if the header image code is the only one in the new functions.php, the whole file should look like:

    <?php
    /**
     * Change default custom header size
     */
    function spun_custom_header_args( $args ) {
    
    	$args = array(
    		'width'   => 200,
    		'height'  => 200,
    	);
    	return $args;
    }
    add_filter( 'spun_custom_header_args', 'spun_custom_header_args', 999 );
    
    ?>

    then there is still some css to keep the header image small -

    add this to style.css of the child theme (adjust what you want to have as max size:

    #masthead img { max-height: 200px; }

    no changes in header.php needed.

  6. polly001
    Member
    Posted 1 year ago #

    thanks alchymyth, worked perfectly
    I set the max height of #masthead img to none
    and dimensions in functions.php to the actual image size my logo is

  7. YouGotPowelled
    Member
    Posted 11 months ago #

    Hey Guys,

    I'm trying to align my logo with the header text, but I'm having no luck as I'm not really in on the whole coding html scene (I really am a beginner when it comes to the ins and outs) -Is there any way I can align the logo and header text so they're both level?
    Right now my logo is slightly lower down than my title text.

    Feel free to have a look for yourself:
    http://www.thelightboxstudios.co.uk

    I'd appreciate any support, and if it's quick even better!

  8. Andrew
    Forum Moderator
    Posted 11 months ago #

    Sorry, you need to create your own thread.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags