[cathycox01]

cathycox01

#1309

First – Thank you Syahir for your response to me the other day on the beta question I had, for some reason I could not reply to that thread and thank you. I’m helping a friend build a new site and having an option to change the color scheme is very exciting – I know it can be done by editing the css but I’d rather not mess with it, I’m a total hack 😉

Second – I had to increase the column sizing on the page and therefore the overall “container” (I think?) size on the page and that worked great. However, now the header image doesn’t span the full width and it looks a little odd. I managed to at least change the background color to match the background color, but I’d still prefer to extend the header image across the full width of the page.

Please see it here: http://www.rippedbyraphael.com

Here’s what I did, keeping in mind I really have no business modifying code!

First I changed #container width from 960 to 1050

I increased the sidebar column width and slightly decreased the main column width, until I got it to display the way I wanted, and then I went after the header.

I tried changing both #header_img_link and #header width from 960 to 1050 to match the increased “container” size but it seems to do nothing. I’ve gone over the code a million times and just don’t know where else I can turn to modify the size of this image.

Lil’ help? Is it even possible?

Thanks so much!

Cathy

[Syahir Hakim]

Syahir Hakim

#15199

See my response here: https://forum.graphene-theme.com/topic/header-image-size-change#post-345

[cathycox01]

cathycox01

#15200

Perfect, I will give that a shot. Thank you so much, the theme and support both are fantastic.

[cathycox01]

cathycox01

#15201

I’ve created a child theme folder here: wp-content/themes/graphene/graphenechild

After reading the response you posted, I created a functions.php in that folder and I copied the code you included:

<?php

function graphene_custom_header_width(){

return 900;

}

function graphene_custom_header_height(){

return 198;

}

add_filter('graphene_header_image_width', 'graphene_custom_header_width');

add_filter('graphene_header_image_height', 'graphene_custom_header_height');

?>

where I replaced 900 with 1050 (the full width of my page)

Nothing appears to have happened to the image on the page, it looks like it’s still at 960: http://www.rippedbyraphael.com

However when I go to my Dashboard –> Appearance –> Header –> it states that “Images of exactly 1050 × 198 pixels will be used as-is.”

So it doesn’t appear as though it changed, but maybe it did?

Lil’ (more) help? Sorry!

Thanks 🙂

Cathy

[Syahir Hakim]

Syahir Hakim

#15202

The header images included with the theme has a width of 960px. As with all images, you cannot simply enlarge an image bigger than it’s physical dimension, or otherwise it will appear blurry.

You will need to upload your own header image to make use of the new width.

[cathycox01]

cathycox01

#15203

Hi Syahir,

The logo isn’t done yet but we wanted to make sure the space available for it was 1050×198 before we moved forward with the designer….

So ust to be sure – you’re saying all this time I’ve been messing with the code and banging my head it’s really probably been right all along? Hahah..awesome 🙂

Thank you much, I’ll upload/test a properly sized image.

[Syahir Hakim]

Syahir Hakim

#15204

When you see the message “Images of exactly 1050 × 198 pixels will be used as-is.” in the WP Admin > Appearance > Header, that’s a good sign you got it right 🙂