1

[zepom]

zepom

#274

Hi there,

Just want to thank Syahir Hakim for the excellent work done on the theme! I wanted the theme to be wider to suit my needs and it was quite simple to get it done. The only time I needed to touch the php code was for the header (which was modified from 900px to 1024px).

For those interested in the changes I’ve done, check out blog.stillworx.com.

I can share with you how I made the changes. But basically, it’s just using Syahir’s instructions on setting up graphene-child and using Firebug in Firefox.

Cheers!

David

[Sjaak]

Sjaak

#11854

Hi stillworx,

I would be interested in the changes to the child theme and the php code for the header.

groetjes,

Sjaak

[Syahir Hakim]

Syahir Hakim

#11855

You’re welcome, David! The theme does look better with greater width…plus a lot more space for content too.

[stillworx]

stillworx

#11856

Hi Sjaak,

As advised by Syahir, I used Firebug to examine the classes used in the page and then identified the CSS responsible for the widths. For the width of the entire content section, it is 900px wide. So this mostly involves looking at the CSS and changing anything that is 900px to 1024px (in my case). Please remember that this version of the CSS should be saved in the graphene-child folder. Then you also have to modify the content widths accordingly. Also, you don’t have to copy all of the existing CSS, just the ones you want to change.

The only php I had to change can be found in functions.php found in the root of the graphene folder. This involved again, changing 900 to 1024.

There is one more bit I’ve yet to work out (with my limited CSS knowledge), and that’s the shadow used on either side of the container, sprite_v.png. If I ever sort that out, I’ll update here.

Syahir,

Yes, I agree it now has more space for content. Thanks again for the great work done on the theme. The clearly laid out CSS and PHP made the process much easier!

Regards,

David

[Syahir Hakim]

Syahir Hakim

#11857

David,

You can actually modify the header image size without touching the theme’s functions.php at all, but instead creating your own functions.php file in your child theme. This will allow you to update the theme in the future without losing any of your modifications. See this post for instructions: https://forum.graphene-theme.com/topic/header-image-size-change#post-345

as for the shadow, you can just create your own background image that corresponds to the content area height, and then use the child theme’s style.css to apply that background instead of the theme’s sprite_v.png

[stillworx]

stillworx

#11858

Hi Syahir,

Thanks for the information, I’ll try it out and see… 😀

David

[Sjaak]

Sjaak

#11859

David and Syahir,

The site runs as a child-theme with 1024px.

http://vraagde2ekamer.nl/

Thanks,

Sjaak

[stillworx]

stillworx

#11860

Sjaak,

Good work! Glad I was able to help.

Syahir,

When I loaded the functions.php, the entire blog failed to load. Am I doing something wrong here?

Thanks,

David

[Syahir Hakim]

Syahir Hakim

#11861

How does your code inside the functions.php file look like? You can put codes here in between backticks (`)

[stillworx]

stillworx

#11862

Basically I copied the entire functions.php and only edited the 900px to 1024px. I gather I’m not supposed to do that?