Support » Theme: Patchwork » Custom page template

  • Hello, i’m helping a friend customize the site with your lovely template. I am attempting to duplicate the page-nosidebar.php page and i had renamed it in the code to “template name: cake” . After i changed the template, for some reasons, all of the content changed and flowed below the header. Do you know why that is happening. Typically changing the template only affects the skin and where the content location. I haven’t even gone into to setting up a custom header or footer which was my original intention.

    Thanks Happy New years.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Caroline Moore


    I’m not really sure what you mean. Please post a link to the site so we can see an example.

    Hello, i figured it out.. i have to declare the new template in the css.

    .page-template-page-cake-php #primary {
    float: none;
    margin: 0 auto;
    height: auto !important;
    height: 100%;

    Now when i switch from templates the contents looks the same. here’s my next dinger.. how much work would it be for me to customize each template to include a different header and footer. I many aspects, i’m totally wrecking your theme template.. However, it’s providing a good foundation for my structure.

    when you click on products, the goal is to have a different header for different types of deserts. When you go to the cake page, I would like to make the header image and footer image different.

    Lastly, has anyone ever requested for the footer to be sticky and stick to the bottom of the page. Currently it shows yellow band on the bottom if the content doesn’t fill up the page. Take a look at the about page and home page.

    Thanks.. btw.. i should ask now.. if i end up using the template for a bakery, would i need to pay for the template usage? please advise



    Specifically, can i create my own header and mod the code in the page-nosidebar.php to link to my new header.

    here’s the code in the header.

    <header id=”masthead” class=”site-header” role=”banner”>
    <?php $header_image = get_header_image();
    if ( ! empty( $header_image ) ) { ?>
    ” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”>
    <img src=”<?php header_image(); ?>” width=”<?php echo get_custom_header()->width; ?>” height=”<?php echo get_custom_header()->height; ?>” alt=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” />

    <?php } // if ( ! empty( $header_image ) ) ?>

    <h1 class=”site-title”>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>” rel=”home”><?php bloginfo( ‘name’ ); ?></h1>
    <h2 class=”site-description”><?php bloginfo( ‘description’ ); ?></h2>
    </header><!– #masthead .site-header –>

    Theme Author Caroline Moore


    You can create as many headers/footers as needed. Just save the modified header files as header-mynewheader.php and call them in your template with get_header( ‘mynewheader’ );

    If you want to target a specific category/post/page with a different header/footer image, you’re probably better off doing so with CSS rather than multiple header/footer files. You can target specific pages, posts, or categories, using unique classes generated by the body_class() function. Check your source and look at the BODY tag to see which classes to target.

    And this theme is open-source, meaning you can use it and modify it however you like.

    Thank you Caroline.. the get header suggestion is great. I’m not sure how to go about the Css route, but i have a friend that maybe able to walk me through it. Do you have an example to your sugguestion?

    If i choose to change the template so that it’s no longer “fluid” and frame it with a border, can you advise me as to where I would set my div tag to contain the structure. The reason i am doing that is that footer image out of place when it’s floating. I was doing some research on how to fix the footer as well.Thanks for your help. I am seeing the light at the end of the tunnel.


    Theme Author Caroline Moore


    For example, if you had a page whose ID was 1234, you could target the masthead of that page with .page-id-1234 #masthead, applying any background image you wanted using CSS and the background-image property. Same goes for individual categories (a category “My Category Name” can be targeted with .category-my-category-name) or posts (.post-id-1234).

    You’re getting into advanced customization that goes beyond basic theme support, which isn’t something I can help with — but you may find this CSS support guide handy. I also recommend using a browser addon like Firebug for troubleshooting CSS/layout issues, and I highly recommend working within a child theme for such advanced customizations (if you’re not already), so your work doesn’t get overwritten by future theme updates. Sounds like you’re on the right track with your research. Good luck!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Custom page template’ is closed to new replies.