Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #8468
    geekpinata
    Member

    Hi everyone! Loving the Catch Box theme. I have some background in creating sites from scratch using HTML5 and CSS3 and did make a theme from scratch for Tumblr. Editing WordPress themes in depth though is new to me.

    I wanted to change the header for this theme to span across the entire page, then leave the areas below as-is. The way I’ve done this in the past is to keep the header outside of the container that the aside and section lives in, and I altered this in the index page with the HTML. However, in WP and for this template, the index.php does not show these tags.

    So, I’m not quite sure where I go in order to make this change. Feeling a bit lost!

    This is my site: geekpinata.com

    Thanks for any help!

    #8469
    geekpinata
    Member

    Of course after hours and hours of trying to play with the CSS and such trying to figure it out, I figured it out only a few minutes after posting this. I guess sometimes just speaking “aloud” helps!

    If anyone is trying to figure out the same thing:
    Turns out the code is in the header.php file is where the organization of the HTML tags are that you have to adjust.

    I haven’t altered it to look exactly how I want quite yet, but I certainly got the header to span across the entire page now without being constricted to the width with the rest of the content!

    #8482
    Sakin
    Keymaster

    @geekpinata: You site looks nice and cool. By the way then you edit theme don’t edit the code theme files like header.php, style.css, functions.php and so on. As this will be overwritten when you update the theme to latest version.

    So, the best option to change the layout if by building a child theme and editing the files.
    http://codex.wordpress.org/Child_Themes

    #8500
    geekpinata
    Member

    @Sakin hi Sakin! I was warned by a fellow student of mine about editing a theme and creating a Child theme the other day so the header.php I edited and so on I did in the Child version so it doesn’t get overwritten when the next update comes out for the original theme. Thanks for mentioning it though as I did forget to mention that in this post.

    So just in case anyone else plans on doing these kinds of edits, Child theme all the way!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change header area to span the entire page?’ is closed to new replies.