Page 1 of 2 12 LastLast
Results 1 to 10 of 15
  1. #1
    Join Date
    Jul 2007
    Location
    Roseville, Michigan
    Posts
    188
    Plugin Contributions
    0

    Default Adding an image for the header and footer of center column

    How do I add an image for center column? I have one for the background. I would like to add one for the header and footer for the center column.

  2. #2
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,108
    Plugin Contributions
    11

    Default Re: Adding an image for the header and footer of center column

    There are no headers or footers for the center column. You would have to create them by adding divs and wrappers inside the centerColumn.

  3. #3
    Join Date
    Jul 2007
    Location
    Roseville, Michigan
    Posts
    188
    Plugin Contributions
    0

    Default Re: Adding an image for the header and footer of center column

    Where and how would I add that?

  4. #4
    Join Date
    Jul 2007
    Location
    Roseville, Michigan
    Posts
    188
    Plugin Contributions
    0

    Default Re: Adding an image for the header and footer of center column

    Do I do this all in my template css, or is there somewhere else I need to add this to?

  5. #5
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,108
    Plugin Contributions
    11

    Default Re: Adding an image for the header and footer of center column

    Actually, you'll need to edit the tpl_index_default.php file in the includes/templates/stainless steel/templates directory. If it's not there, copy it over from the template_default directory.
    <div class="centerColumn" id="indexDefault">
    <h1 id="indexDefaultHeading"><?php echo HEADING_TITLE; ?></h1>

    <?php if (SHOW_CUSTOMER_GREETING == 1) { ?>
    <h2 class="greeting"><?php echo zen_customer_greeting(); ?></h2>
    <?php } ?>
    should be changed to
    <div class="centerColumn" id="indexDefault">
    <div id="centerColumnHeader></div>
    <h1 id="indexDefaultHeading"><?php echo HEADING_TITLE; ?></h1>

    <?php if (SHOW_CUSTOMER_GREETING == 1) { ?>
    <h2 class="greeting"><?php echo zen_customer_greeting(); ?></h2>
    <?php } ?>
    Then, look for
    <?php
    $show_display_category->MoveNext();
    } // !EOF
    ?>
    </div>
    and replace with
    <?php
    $show_display_category->MoveNext();
    } // !EOF
    ?>
    <div id="centerColumnFooter"></div>
    </div>
    Once that's done, you can add the two calls to the stylesheet and add images, set height, etc.

    BTW, it's not a good idea to use a file or folder name with a space in it. Your custom directory should be renamed to stainless_steel to prevent problems in the future.

    Also, the validators are going crazy with all the "&H" throughout your site. You need to find all the &Hs and replace them with "&amp;H". Same thing in your keywords and description.

  6. #6
    Join Date
    Jul 2007
    Location
    Roseville, Michigan
    Posts
    188
    Plugin Contributions
    0

    Default Re: Adding an image for the header and footer of center column

    I've made the two changes to the tpl_index_default.php file and tried adding it to the css for the footer. Still, nothing shows up. I even tried just using a background color just to see if it would show up. Nothing.

    What am I doing wrong?

    Thank you for point out the file name and about the &amp;. I made the changes to take care of those issues.

  7. #7
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,108
    Plugin Contributions
    11

    Default Re: Adding an image for the header and footer of center column

    I don't see the divs in the file.

    Also, I'd remove the "WentDadddy" and PayPal boxes till you get things working. They're both throwing too many errors for the browser. You can always reload them later.

  8. #8
    Join Date
    Jul 2007
    Location
    Roseville, Michigan
    Posts
    188
    Plugin Contributions
    0

    Default Re: Adding an image for the header and footer of center column

    This is what I have in my css.

    .centerColumnFooter
    {
    background-image : url("../images/sidefooter.gif");
    background-repeat : no-repeat;
    background-position : bottom;
    }

    What are you using to see the errors?

  9. #9
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,108
    Plugin Contributions
    11

    Default Re: Adding an image for the header and footer of center column

    You can not change something that does not exist. You need to add the divs to the page as I stated in post 5.

  10. #10
    Join Date
    Jan 2004
    Location
    N of San Antonio TX
    Posts
    9,108
    Plugin Contributions
    11

    Default Re: Adding an image for the header and footer of center column

    I have a plug-in to firefox that validates the page you're on. It's the HTML Tidy validator.

    There are some from W3c as well. If you're not using firefox, you can enter a URL at http://validator.w3.org/.

    With the boxes removed, your site validates. When the boxes are added, their outdated code (img and BR calls) fails validation.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. On product description, center column width increases but header and footer don't
    By fkalanda in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 15 Dec 2013, 04:31 AM
  2. adding an image to the top corners of the center column
    By ilsita in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 10 Oct 2009, 11:47 PM
  3. Need help adding space between my header and the center content.
    By Scrap-eze in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 20 Jan 2007, 03:22 AM
  4. Aligning header/center and footer ?
    By Vixxxen in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 7 Nov 2006, 10:30 PM
  5. Adding wrappers to the center column
    By mejobloggs in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 19 Sep 2006, 10:24 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR