in focus @ stillworx.com
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.
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.
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!
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.pngAdmin
- You must be logged in to reply to this topic.