In reply to: How to change header to a specifc design

#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

In reply to: How to change header to a specifc design

#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

In reply to: How to change header to a specifc design

#20213

Thanks Josh,

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

Cheers,

Dorian

In reply to: How to change header to a specifc design

#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.