How to change header to a specifc design
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.
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
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:
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 – 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.
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.
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.
You must be logged in to reply to this topic.