Change Header Size

Community Forums Forums Design Tips and Tricks Change Header Size

This topic is: not resolved

This topic contains 7 replies, has 4 voices, and was last updated by  christyhalsell 8 months, 3 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #43255

    christyhalsell
    Participant
    Post count: 12

    I’m working with the Luscious theme and want my header to be taller.  I’ve changed the space via CSS, but when I upload the header image there is just a blank space at the bottom.

    I’ve also tried to add a header image to the css, but it doesn’t show up.

    http://demo.onefunmom.com/ofmtest/
    #43278

    braddalton
    Participant
    Post count: 7460

    Change the height value in your child themes functions.php file as well.

    Example:

    /** Add support for custom header */
    add_theme_support( 'genesis-custom-header', array( 'width' => 960, 'height' => 115 ) );
    

    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #52524

    christyhalsell
    Participant
    Post count: 12

    Brad, do I add that to the bottom of the .php file? or somewhere specific?

    #52540

    braddalton
    Participant
    Post count: 7460

    Christy

    At the end of your child themes functions.php file using a text editor like Notepad++.


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #52553

    bustagums
    Participant
    Post count: 3

    Interesting, I always just change it in the functions.php file where the stock Header values are, I just change them to what I need, I have never added in additional code like above. What is the difference and or benefits to either method?

    Now that being said… I cannot remember for the life of me how to upload the new larger header!!! I changed the dimensions in the functions.php file, which increased the header size.

    Does anyone know where I add in the Custom Header at via FTP? The problem is you cannot upload it in the theme because it makes you crop it!

    Here is the site: http://www.roofingtheflathead.com/ Executive them. I appreciate any help!

    #52903

    christyhalsell
    Participant
    Post count: 12

    I moved over to Prose and am still having issues changing the header size. I used a tutorial from Carrie Dils http://www.carriedils.com/customize-genesis-move-header/ but can’t figure out where to change the measurements of the header. I change them in the CSS Editor and nothing happens. Prose still crops the header and now it’s off to the left.

    When I put in the code you have here, Brad, the whole site goes down. So I guess that code doesn’t work in Prose? Or I’m doing something terribly wrong!

    #52906

    wp guy
    Participant
    Post count: 218

    Ok, using firebug I see this:

    url(“http://demo.onefunmom.com/ofmtest/wp-content/uploads/2013/07/cropped-header5.png”) no-repeat scroll 0 0 transparent

    And when I removed the “no-repeat scroll 0 0 transparent” section of the code it worked fine.

    #52909

    christyhalsell
    Participant
    Post count: 12

    When I do it via firebug it then repeats across the page, but does fill the page.

    I want one image (1350px wide) to go all the way across the top. I uploaded an image that size, but Prose automatically crops it to 940. I don’t see where to change it in the actual CSS Stylesheet. There doesn’t seem to be a width option. If I put the width to 100% it doesn’t work, and if I set it to 1350px it doesn’t work.

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

You must be logged in to reply to this topic.