How to change header to a specifc design

  • bigbohan

    #2433

    I have made changes to the column widths and have increased the width of the page.

    As a result the 960*198 header does not fit in the space required.

    I have amended the space to accommodate a 1025*90 header and have uploaded the file into the media section. I am at a loss as to what to do next. I assume it is adding some customized CSS but I am unsure about how to do this.

    Site: http://www.signupbonuses.org

    Many thanks

    Mod

    Kenneth John Odle

    #20208

    have uploaded the file into the media section

    Go to Appearance >> Header and try uploading it from there.

    bigbohan

    #20209

    Thanks for suggestion. I have tried that but it crops the header to 960*198.

    Mod

    Kenneth John Odle

    #20210

    Did you add a filter to your child theme functions file to accomodate the new header size? Take a look at this post: https://forum.graphene-theme.com/graphene-support/header-image-size-change#post-345

    headmassage

    #20211

    Hi Guys,

    I absolutely love the theme. It can surely turn into a commercial theme… I hope I can use it for free as long as possible. 🙂

    I love the new upcoming feature that allows custom widths for the page and sidebars. I can’t wait for that to happen.

    However, I need those tweaks right now and I kind of got stuck. So I bumped into this looking for a solution.

    Here is what I did: modified the css to match my desired layout, this went well.

    The custom width doesn’t match the banner size so the banner doesn’t take all the space in the header.

    I tried the method explained by putting together more resources:

    Installed “Executable PHP widget”, I enabled the graphene_setup action hook and inserted the following code in the designated widget area:

    <?php

    function graphene_custom_header_width(){

    return 1020;

    }

    function graphene_custom_header_height(){

    return 130;

    }

    add_filter('graphene_header_image_width', 'graphene_custom_header_width');

    add_filter('graphene_header_image_height', 'graphene_custom_header_height');

    ?>'

    The “Custom Header” wizard still wants to crop my images and use the default 960*198 pixels. What am I doing wrong? Can you guys, give me a hand with this?

    The website’s address is at: The Massage Blog

    Thanks for reading this.

    Josh

    #20212

    This function should not be put in a widget area.

    Rather, this code should be placed in your child theme’s functions.php file.

    headmassage

    #20213

    Thanks Josh,

    I’ll give it a try and post back the results.

    Cheers,

    Dorian

    Josh

    #20214

    K. Let me know if it works (or doesn’t work) for you.

    Prasanna SP

    #20215

    @Dorian – Please don’t hijack someone’s thread. If you have a question to ask, feel free to start the discussion is a new thread.

    headmassage

    #20216

    @ Josh – It works, thanks for the help.

    @Prassana – I felt that it would be better for users to read more about the same topic in one place. Having encountered the same problem, I thought that it made sense to share knowledge on the same subject on the same thread. It wasn’t a hijack attempt, sorry about that.

    On another note after fixing the issue with the child theme, which is a great feature, minify plugin doesn’t work anymore for css. The new theme doesn’t get any of the css the inherited one and the child theme css. Any thoughts on that? I disabled minify for css only and that seems to work for now.

    Cheers,

    Dorian

    Josh

    #20217

    I don’t have much experience with the minify plugin. What is it supposed to do? And what isn’t it doing?

    headmassage

    #20218

    Minify compresses the web content by removing unnecessary spaces and comments on your css, html, js files and combining them. This improves dramatically the page speed and combined with a caching system is even faster.

    I think the issue in this case is that minify just ignores the @import statement in the child theme.

    I have seen similar reports from other people, so it is minify that doesn’t know how to deal with child themes.

    Anyway if anybody has a better idea on how to avoid the @import and still inherit the parent’s theme css would be great. I think I can copy the the whole css style into the child theme, but this would defeat the purpose of layered themeing.

    Thanks for you patience with me Josh.

    Best,

    Dorian

    Josh

    #20219

    My pleasure. I love learning new stuff!

    Hmmm, I can see how that plugin would be useful if your site is already built and stable. However, it seems that it might interfere if your site is constantly “under construction”.

    Don’t just copy your entire stylesheet into your child theme. This WILL create potential problems.

    Maybe contact the author and see if he knows of a solution for working with a child theme. Seems to me he should have already taken this into account, as any “experienced” wordpresser is going to be using a child theme.

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

You must be logged in to reply to this topic.