Results 1 to 8 of 8
  1. #1
    Join Date
    Jun 2008
    Posts
    12
    Plugin Contributions
    0

    Default Header & Search Box

    Hello all,

    I want to change the back ground of my header (bar I guess?) from black to #fef6c7. However, everything I change (stylesheet.css) or tpl_header.php does not seem to change it. Any suggestions? As well I want to move my header bar into the middle instead of to the right which is where it is now.

    Secondly I am interested in moving my search box to the top right corner so it is JUST under the header. Any suggestions about how I might go ahead and do this?


    The Store

  2. #2
    Join Date
    Jun 2008
    Posts
    12
    Plugin Contributions
    0

    Default Re: Header & Search Box

    Here is the stylesheet.css

    /**
    * Main CSS Stylesheet
    *
    * @package templateSystem
    * @copyright Copyright 2003-2007 Zen Cart Development Team
    * @copyright Portions Copyright 2003 osCommerce
    * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
    * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
    */

    body {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 85%;
    color: #000000;
    background-color: #ffffff;
    }

    a img {border: none; }

    a:link, #navEZPagesTOC ul li a {
    color: #000000;
    text-decoration: none;
    }

    a:visited {
    color: #3300FF;
    text-decoration: none;
    }

    a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
    color: #FF0000;
    }

    a:active {
    color: #000000;
    }

    h1 {
    font-size: 1.5em;
    color: #9a9a9a;
    }

    h2 {
    font-size: 1.4em;
    }

    h3 {
    font-size: 1.3em;
    }

    h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
    font-size: 1.1em;
    }

    .biggerText {
    font-size: 1.2em;
    }

    h1, h2, h3, h4, h5, h6 {
    margin: 0.3em 0;
    }

    /* Might uncomment either or both of these if having problems with IE peekaboo bug:
    h1, h2, h3, h4, h5, h6, p {
    position: relative;
    }
    *html .centerColumn {
    height: 1%;
    }
    */

    CODE {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 1em;
    }

    FORM, SELECT, INPUT {
    display: inline;
    font-size: 1em;
    margin: 0.1em;
    }

    TEXTAREA {
    margin: auto;
    display: block;
    width: 95%;
    }

    input:focus, select:focus, textarea:focus {
    background: #E4FEF5;
    }

    FIELDSET {
    padding: 0.5em;
    margin: 0.5em 0em;
    border: 1px solid #cccccc;
    }

    LEGEND {
    font-weight: bold;
    padding: 0.3em;
    color: black;
    }

    LABEL, h4.optionName {
    line-height: 1.5em;
    padding: 0.2em;
    }

    LABEL.checkboxLabel, LABEL.radioButtonLabel {
    margin: 0.5em 0.3em;
    }

    LABEL.inputLabel {
    width: 9em;
    float: left;
    }

    LABEL.inputLabelPayment {
    width: 14em;
    float: left;
    padding-left: 2.5em;
    }

    LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
    width: 11em;
    float: left;
    }

    #checkoutPayment LABEL.radioButtonLabel {
    font-weight: bold;
    }

    P, ADDRESS {
    padding: 0.5em;
    }

    ADDRESS {
    font-style: normal;
    }

    .clearBoth {
    clear: both;
    }

    HR {
    height: 1px;
    margin-top: 0.5em;
    border: none;
    border-bottom: 1px solid #9a9a9a;
    }

    /*warnings, errors, messages*/
    .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
    line-height: 1.8em;
    padding: 0.2em;
    border: 1px solid #9a9a9a;
    }

    .messageStackWarning, .messageStackError {
    background-color: #ff0000;
    color: #ffffff;
    }

    .messageStackSuccess {
    background-color: #99FF99;
    color: #000000;
    }

    .messageStackCaution {
    background-color: #FFFF66;
    color: #000000;
    }

    /*wrappers - page or section containers*/
    #mainWrapper {
    background-color: #fef6c7;
    text-align: left;
    width: 850px;
    vertical-align: top;
    border: 1px solid #fef6c7;
    }

    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    margin: 0em;
    padding: 0em;
    }

    #logoWrapper{
    background-repeat: repeat-x;
    background-color: ##fef6c7;
    height:75px;
    }

    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    margin: auto;
    }
    #navColumnOneWrapper, #navColumnTwoWrapper {
    margin-left: 0.5em;
    margin-right: 0.5em;
    }

    #tagline {
    color:#000000;
    font-size: 2em;
    text-align : center;
    vertical-align: middle;
    }

    #sendSpendWrapper {
    border: 1px solid #cacaca;
    float: right;
    margin: 0em 0em 1em 1em;
    }

    .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
    margin: 0;
    width: 20%;
    }

    .wrapperAttribsOptions {
    margin: 0.3em 0em;
    }

    /*navigation*/

    .navSplitPagesResult {}
    .navSplitPagesLinks {}

    .navNextPrevCounter {
    margin: 0em;
    font-size: 0.9em;
    }
    .navNextPrevList {
    display: inline;
    white-space: nowrap;
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    }

    #navMainWrapper {
    margin: 0em;
    background-color: ##fef6c7;
    background-image: url(../images/tile_back.gif);
    padding: 0.5em 0.2em;
    font-weight: bold;
    color: #000000;
    height: 50px;
    margin-center:auto;
    height: 1%;
    }

    #navSuppWrapper, #navCatTabsWrapper {
    margin: 0em;
    background-color: #ffffff;
    background-image: url(../images/tile_back.gif);
    padding: 0.5em 0.2em;
    font-weight: bold;
    color: #000000;
    height: 1%;
    }

    #navCatTabsWrapper {
    background-color: #fef6c7;
    color: #000000;
    background-image:none;
    }

    #navMain ul, #navSupp ul, #navCatTabs ul {
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    text-align: center;
    line-height: 1.5em;
    }

    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    display: inline;
    }

    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    text-decoration: none;
    padding: 0em 0.5em;
    margin: 0;
    color: #FFFFFF;
    white-space: nowrap;
    }

    #navCatTabs ul li a {
    color: #000000;
    }

    #navEZPagesTOCWrapper {
    font-weight: bold;
    float: right;
    height: 1%;
    border: 1px solid #9a9a9a;
    }

    #navEZPagesTOC ul {
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    line-height: 1.5em;
    }

    #navEZPagesTOC ul li {
    white-space: nowrap;
    }

    #navEZPagesTOC ul li a {
    padding: 0em 0.5em;
    margin: 0;
    }

    #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
    margin: 0.5em;
    }

    #navMainSearch {
    position: relative;
    top: -20px;
    left: 500px;
    }

    #navBreadCrumb {
    padding: 0.5em 0.5em;
    background-color: #fef6c7;
    font-size: 1 em;
    font-weight: bold;
    margin: 0em;
    }

    #navEZPagesTop {
    background-color: #fef6c7;
    background-image: url(../images/tile_back.gif);
    font-size: 1.5em;
    font-weight: bold;
    margin: 0em;
    padding: 0.5em;
    }

    #navColumnOne, #navColumnTwo {
    background-color: transparent;
    }

    /*The main content classes*/
    #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
    vertical-align: top;
    }

    /*.content,*/ #productDescription, .shippingEstimatorWrapper {
    /*font-size: 2.5em;*/
    padding: 0.5em;
    }

    .alert {
    color: #FF0000;
    margin-left: 0.5em;
    }
    .advisory {}
    .important {
    font-weight: bold;
    }
    .notice {}
    .rating{}
    .gvBal {
    float: right;
    }
    .centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
    padding: 0.8em;
    }

    .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
    font-size: 0.9em;
    }

    /*Shopping Cart Display*/
    #cartAdd {
    float: right;
    text-align: center;
    margin: 1em;
    border: 1px solid #000000;
    padding: 1em;
    }

    .tableHeading TH {
    border-bottom: 1px solid #9a9a9a;
    }

    .tableHeading, #cartSubTotal {
    background-color: #e9e9e9;
    }

    #cartSubTotal {
    border-top: 1px solid #cccccc;
    font-weight: bold;
    text-align: right;
    line-height: 2.2em;
    padding-right: 2.5em;
    }

    .tableRow, .tableHeading, #cartSubTotal {
    height: 2.2em;
    }

    .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
    padding: 0.5em 0em;
    }

    .cartUnitDisplay, .cartTotalDisplay {
    text-align: right;
    padding-right: 0.2em;
    }

    #scUpdateQuantity {
    width: 2em;
    }

    .cartQuantity {
    width: 4.7em;
    }

    .cartNewItem {
    color: #33CC33;
    position: relative; /*do not remove-fixes stupid IEbug*/
    }

    .cartOldItem {
    color: #660099;
    position: relative; /*do not remove-fixes stupid IEbug*/
    }

    .cartBoxTotal {
    text-align: right;
    font-weight: bold;
    }

    .cartRemoveItemDisplay {
    width: 3.5em;
    }

    .cartAttribsList {
    margin-left: 1em;
    }

    #mediaManager {
    width: 50%;
    margin: 0.2em;
    padding: 0.5em;
    background-color: #E4FEf5;
    border: 1px solid #003D00;
    }
    .mediaTitle {
    float: left;
    }
    .mediaTypeLink {
    float: right;
    }

    .normalprice, .productSpecialPriceSale {
    text-decoration: line-through;
    }

    .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
    color: #ff0000;
    }

    .orderHistList {
    margin: 1em;
    padding: 0.2em 0em;
    list-style-type: none;
    }

    #cartBoxListWrapper ul, #ezPageBoxList ul {
    list-style-type: none;
    }

    #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
    margin: 0;
    padding: 0.2em 0em;
    }

    #cartBoxEmpty, #cartBoxVoucherBalance {
    font-weight: bold;
    }

    .totalBox {
    width: 5.5em;
    text-align: right;
    padding: 0.2em;
    }

    .lineTitle, .amount {
    text-align: right;
    padding: 0.2em;
    }

    .amount {
    width: 5.5em;
    }

    /*Image Display*/
    #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
    margin: 0em 1em 1em 0em ;
    }

    .categoryIcon {}

    #cartImage {
    margin: 0.5em 1em;
    }

    /*Attributes*/
    .attribImg {
    width: 20%;
    margin: 0.3em 0em;
    }

    .attributesComments {}

    /*list box contents*/
    .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
    margin: 1em 0em;
    }

    .centerBoxWrapper {
    border: 1px solid #000000;
    height: 1%;
    margin: 1.1em 0;
    }

    h2.centerBoxHeading {
    font-size: 2em;
    color: #ffffff;
    }

    /*sideboxes*/
    .columnLeft {}

    h3.leftBoxHeading, h3.leftBoxHeading a,
    h3.rightBoxHeading, h3.rightBoxHeading a {
    font-size: 1em;
    color: #ffffff;
    }
    #manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
    font-size: 0.9em;
    color: #ffffff;
    }

    .leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
    margin: 0em;
    background-color: #ffffff;
    background-image: url(../images/tile_back.gif);
    padding: 0.5em 0.2em;
    }

    .leftBoxContainer, .rightBoxContainer {
    margin: 0em;
    border: 0.5px solid #000000;
    border-bottom: 4px solid #000000;
    margin-top: 1.5em;
    }

    .sideBoxContent {
    background-color: #ffffff;
    padding: 0.4em;
    }

    h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
    color: #000000;
    text-decoration: none;
    }

    .rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
    color: #FFFFFF;
    }

    .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
    text-align: center;
    }

    #bestsellers .wrapper {
    margin: 0em 0em 0em 1.5em;
    }

    #bestsellers ol {
    padding: 0;
    margin-left: 1.1em;
    }

    #bestsellers li {
    padding: 0;
    margin: 0.3em 0em 0.3em 0em;
    }

    #bannerboxHeading {
    background-color: #ffffff;
    }

    #upProductsHeading {
    text-align: left;
    }

    #upDateHeading {
    text-align: right;
    }

    /* categories box parent and child categories */
    A.category-top, A.category-top:visited {
    color: #000000;
    text-decoration: none;
    }
    A.category-links, A.category-links:visited {
    color: #004080;
    text-decoration: none;
    }
    A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
    color: #000000;
    text-decoration: none;
    }
    SPAN.category-subs-parent {
    font-weight: bold;
    }
    SPAN.category-subs-selected {
    font-weight: bold;
    }
    /* end categories box links */

    /*misc*/
    .back {
    float: left;
    }

    .forward, #shoppingCartDefault #PPECbutton {
    float: right;
    }

    .bold {
    font-weight: bold;
    }

    .rowOdd {
    background-color: #E8E8E8;
    height: 1.5em;
    vertical-align: top;
    }

    .rowEven {
    background-color: #F0F0F0;
    height: 1.5em;
    vertical-align: top;
    }

    .hiddenField {
    display: none;
    }
    .visibleField {
    display: inline;
    }

    CAPTION {
    /*display: none;*/
    }

    #myAccountGen li, #myAccountNotify li {
    margin: 0;
    }

    .accountTotalDisplay, .accountTaxDisplay {
    width: 20%;
    text-align: right;
    /*vertical-align: top*/
    }

    .accountQuantityDisplay {
    width: 10%;
    vertical-align: top
    }

    TR.tableHeading {
    background-color: #cacaca;
    height: 2em;
    }

    .productListing-rowheading {
    background-color: #fef6c7;
    background-image: url(../images/tile_back.gif);
    height: 2em;
    color: #FFFFFF;
    }

    #siteMapList {
    width: 90%;
    float: right;
    }

    .ratingRow {
    margin: 1em 0em 1.5em 0em;
    }

    LABEL#textAreaReviews {
    font-weight: normal;
    margin: 1em 0em;
    }

    #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
    background-color: #ffffff;
    }
    .information {padding: 10px 3px; line-height: 150%;}

    #shoppingcartBody #shippingEstimatorContent {
    clear: both;
    }

    .seDisplayedAddressLabel {
    background-color:#85C285;
    text-align: center;
    }
    .seDisplayedAddressInfo {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    }
    #seShipTo {
    padding: 0.2em;
    }

  3. #3
    Join Date
    Mar 2007
    Location
    AZ
    Posts
    1,911
    Plugin Contributions
    2

    Default Re: Header & Search Box

    A quick check in FireFox reveals that the black is actually an image.

    background-image: url(../images/tile_back.gif);
    This same image is used for your sidebox headers too!

    I hope that helps.

    Tina

  4. #4
    Join Date
    Jun 2008
    Posts
    12
    Plugin Contributions
    0

    Default Re: Header & Search Box

    Thank you I was able to change the background without chaning the headings. However, I still want my "header" to be centred any suggestions?

  5. #5
    Join Date
    Jun 2008
    Posts
    12
    Plugin Contributions
    0

    Default Re: Header & Search Box

    So I was able to centre my header by putting extra colums at each end of my header. now a few other questions.

    1) There is a large space from my header down to the information where it goes

    Home: Categoryroduct

    2) How do I get my search bar up in the right hand side below the header?

  6. #6
    Join Date
    Jun 2008
    Posts
    12
    Plugin Contributions
    0

    Default Re: Header & Search Box

    Ok so I was able to get my search box under the header but a SECOND search box showed up. It is the top one I want to stay. When I turn off search_header.php they BOTH go and when I turn it on they BOTH appear. I am thinking there is a duplicate in the script somewhere but I am not sure where.

    As well is there anyway to get rid of that space?

    The CSS code:

    /**
    * Main CSS Stylesheet
    *
    * @package templateSystem
    * @copyright Copyright 2003-2007 Zen Cart Development Team
    * @copyright Portions Copyright 2003 osCommerce
    * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
    * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
    */

    body {
    margin: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 85%;
    color: #000000;
    background-color: #ffffff;
    }

    a img {border: none; }

    a:link, #navEZPagesTOC ul li a {
    color: #000000;
    text-decoration: none;
    }

    a:visited {
    color: #3300FF;
    text-decoration: none;
    }

    a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
    color: #FF0000;
    }

    a:active {
    color: #000000;
    }

    h1 {
    font-size: 1.5em;
    color: #9a9a9a;
    }

    h2 {
    font-size: 1.4em;
    }

    h3 {
    font-size: 1.3em;
    }

    h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
    font-size: 1.1em;
    }

    .biggerText {
    font-size: 1.2em;
    }

    h1, h2, h3, h4, h5, h6 {
    margin: 0.3em 0;
    }

    /* Might uncomment either or both of these if having problems with IE peekaboo bug:
    h1, h2, h3, h4, h5, h6, p {
    position: relative;
    }
    *html .centerColumn {
    height: 1%;
    }
    */

    CODE {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 1em;
    }

    FORM, SELECT, INPUT {
    display: inline;
    font-size: 1em;
    margin: 0.1em;
    }

    TEXTAREA {
    margin: auto;
    display: block;
    width: 95%;
    }

    input:focus, select:focus, textarea:focus {
    background: #E4FEF5;
    }

    FIELDSET {
    padding: 0.5em;
    margin: 0.5em 0em;
    border: 1px solid #cccccc;
    }

    LEGEND {
    font-weight: bold;
    padding: 0.3em;
    color: black;
    }

    LABEL, h4.optionName {
    line-height: 1.5em;
    padding: 0.2em;
    }

    LABEL.checkboxLabel, LABEL.radioButtonLabel {
    margin: 0.5em 0.3em;
    }

    LABEL.inputLabel {
    width: 9em;
    float: left;
    }

    LABEL.inputLabelPayment {
    width: 14em;
    float: left;
    padding-left: 2.5em;
    }

    LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
    width: 11em;
    float: left;
    }

    #checkoutPayment LABEL.radioButtonLabel {
    font-weight: bold;
    }

    P, ADDRESS {
    padding: 0.5em;
    }

    ADDRESS {
    font-style: normal;
    }

    .clearBoth {
    clear: both;
    }

    HR {
    height: 1px;
    margin-top: 0.5em;
    border: none;
    border-bottom: 1px solid #9a9a9a;
    }

    /*warnings, errors, messages*/
    .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
    line-height: 1.8em;
    padding: 0.2em;
    border: 1px solid #9a9a9a;
    }

    .messageStackWarning, .messageStackError {
    background-color: #ff0000;
    color: #ffffff;
    }

    .messageStackSuccess {
    background-color: #99FF99;
    color: #000000;
    }

    .messageStackCaution {
    background-color: #FFFF66;
    color: #000000;
    }

    /*wrappers - page or section containers*/
    #mainWrapper {
    background-color: #fef6c7;
    text-align: left;
    width: 850px;
    vertical-align: top;
    border: 1px solid #fef6c7;
    }

    #headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
    margin: 0em;
    padding: 0em;
    }

    <!---#logoWrapper{
    background-image: url(../images/header_bg copy.jpg);
    background-repeat: repeat-x;
    background-color: #ffffff;
    height:75px;
    } -->

    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    margin: auto;
    }
    #navColumnOneWrapper, #navColumnTwoWrapper {
    margin-left: 0.5em;
    margin-right: 0.5em;
    }

    #tagline {
    color:#000000;
    font-size: 2em;
    text-align : center;
    vertical-align: middle;
    }

    #sendSpendWrapper {
    border: 1px solid #cacaca;
    float: right;
    margin: 0em 0em 1em 1em;
    }

    .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
    margin: 0;
    width: 20%;
    }

    .wrapperAttribsOptions {
    margin: 0.3em 0em;
    }

    /*navigation*/

    .navSplitPagesResult {}
    .navSplitPagesLinks {}

    .navNextPrevCounter {
    margin: 0em;
    font-size: 0.9em;
    }
    .navNextPrevList {
    display: inline;
    white-space: nowrap;
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    }

    #navMainWrapper {
    margin: 0em;
    background-color: #000000;
    background-image: url(../images/tile_back2.gif);
    padding: 0.5em 0.2em;
    font-weight: bold;
    color: #ffffff;
    height: 50px;
    margin-center:auto;
    height: 1%;
    }

    #navSuppWrapper{
    margin: 0em;
    background-color: #000000;
    background-image: url(../images/tile_back.gif);
    padding: 0.5em 0.2em;
    font-weight: bold;
    color: #ffffff;
    height: 50px;
    margin-center:auto;
    height: 1%;
    }

    #navCatTabsWrapper {
    margin: 0em;
    background-color: #ffffff;
    background-image: url(../images/tile_back2.gif);
    padding: 0.5em 0.2em;
    font-weight: bold;
    color: #ffffff;
    height: 1%;
    }

    #navCatTabsWrapper {
    background-color: #fef6c7;
    color: #ffffff;
    background-image:none;
    }

    #navMain ul, #navSupp ul, #navCatTabs ul {
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    text-align: center;
    line-height: 1.5em;
    }

    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    display: inline;
    }

    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    text-decoration: none;
    padding: 0em 0.5em;
    margin: 0;
    color: #ffffff;
    white-space: nowrap;
    }

    #navCatTabs ul li a {
    color: #000000;
    }

    #navEZPagesTOCWrapper {
    font-weight: bold;
    float: right;
    height: 1%;
    border: 1px solid #9a9a9a;
    }

    #navEZPagesTOC ul {
    margin: 0;
    padding: 0.5em 0em;
    list-style-type: none;
    line-height: 1.5em;
    }

    #navEZPagesTOC ul li {
    white-space: nowrap;
    }

    #navEZPagesTOC ul li a {
    padding: 0em 0.5em;
    margin: 0;
    }

    #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
    margin: 0.5em;
    }

    #navMainSearch {
    position: relative;
    top: -20px;
    left: 685px;
    }

    #navBreadCrumb {
    padding: 0.5em 0.5em;
    background-color: #fef6c7;
    font-size: 1 em;
    font-weight: bold;
    margin: 0em;
    }

    #navEZPagesTop {
    background-color: #fef6c7;
    background-image: url(../images/tile_back.gif);
    font-size: 1.5em;
    font-weight: bold;
    margin: 0em;
    padding: 0.5em;
    }

    #navColumnOne, #navColumnTwo {
    background-color: transparent;
    }

    /*The main content classes*/
    #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
    vertical-align: top;
    }

    /*.content,*/ #productDescription, .shippingEstimatorWrapper {
    /*font-size: 2.5em;*/
    padding: 0.5em;
    }

    .alert {
    color: #FF0000;
    margin-left: 0.5em;
    }
    .advisory {}
    .important {
    font-weight: bold;
    }
    .notice {}
    .rating{}
    .gvBal {
    float: right;
    }
    .centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
    padding: 0.8em;
    }

    .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
    font-size: 0.9em;
    }

    /*Shopping Cart Display*/
    #cartAdd {
    float: right;
    text-align: center;
    margin: 1em;
    border: 1px solid #000000;
    padding: 1em;
    }

    .tableHeading TH {
    border-bottom: 1px solid #9a9a9a;
    }

    .tableHeading, #cartSubTotal {
    background-color: #e9e9e9;
    }

    #cartSubTotal {
    border-top: 1px solid #cccccc;
    font-weight: bold;
    text-align: right;
    line-height: 2.2em;
    padding-right: 2.5em;
    }

    .tableRow, .tableHeading, #cartSubTotal {
    height: 2.2em;
    }

    .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
    padding: 0.5em 0em;
    }

    .cartUnitDisplay, .cartTotalDisplay {
    text-align: right;
    padding-right: 0.2em;
    }

    #scUpdateQuantity {
    width: 2em;
    }

    .cartQuantity {
    width: 4.7em;
    }

    .cartNewItem {
    color: #33CC33;
    position: relative; /*do not remove-fixes stupid IEbug*/
    }

    .cartOldItem {
    color: #660099;
    position: relative; /*do not remove-fixes stupid IEbug*/
    }

    .cartBoxTotal {
    text-align: right;
    font-weight: bold;
    }

    .cartRemoveItemDisplay {
    width: 3.5em;
    }

    .cartAttribsList {
    margin-left: 1em;
    }

    #mediaManager {
    width: 50%;
    margin: 0.2em;
    padding: 0.5em;
    background-color: #E4FEf5;
    border: 1px solid #003D00;
    }
    .mediaTitle {
    float: left;
    }
    .mediaTypeLink {
    float: right;
    }

    .normalprice, .productSpecialPriceSale {
    text-decoration: line-through;
    }

    .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
    color: #ff0000;
    }

    .orderHistList {
    margin: 1em;
    padding: 0.2em 0em;
    list-style-type: none;
    }

    #cartBoxListWrapper ul, #ezPageBoxList ul {
    list-style-type: none;
    }

    #cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
    margin: 0;
    padding: 0.2em 0em;
    }

    #cartBoxEmpty, #cartBoxVoucherBalance {
    font-weight: bold;
    }

    .totalBox {
    width: 5.5em;
    text-align: right;
    padding: 0.2em;
    }

    .lineTitle, .amount {
    text-align: right;
    padding: 0.2em;
    }

    .amount {
    width: 5.5em;
    }

    /*Image Display*/
    #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
    margin: 0em 1em 1em 0em ;
    }

    .categoryIcon {}

    #cartImage {
    margin: 0.5em 1em;
    }

    /*Attributes*/
    .attribImg {
    width: 20%;
    margin: 0.3em 0em;
    }

    .attributesComments {}

    /*list box contents*/
    .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
    margin: 1em 0em;
    }

    .centerBoxWrapper {
    border: 1px solid #fef6c7;
    height: 1%;
    margin: 1.1em 0;
    }

    h2.centerBoxHeading {
    font-size: 2em;
    color: #ffffff;
    }

    /*sideboxes*/
    .columnLeft {}

    h3.leftBoxHeading, h3.leftBoxHeading a,
    h3.rightBoxHeading, h3.rightBoxHeading a {
    font-size: 1em;
    color: #ffffff;
    }
    #manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, {
    font-size: 0.9em;
    color: #ffffff;
    }

    .leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
    margin: 0em;
    background-color: #ffffff;
    background-image: url(../images/tile_back.gif);
    padding: 0.5em 0.2em;
    }

    .leftBoxContainer, .rightBoxContainer {
    margin: 0em;
    border: 0.5px solid #000000;
    border-bottom: 4px solid #fef6c7;
    margin-top: 1.5em;
    }

    .sideBoxContent {
    background-color: #ffffff;
    padding: 0.4em;
    }

    h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
    color: #000000;
    text-decoration: none;
    }

    .rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
    color: #FFFFFF;
    }

    .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
    text-align: center;
    }

    #bestsellers .wrapper {
    margin: 0em 0em 0em 1.5em;
    }

    #bestsellers ol {
    padding: 0;
    margin-left: 1.1em;
    }

    #bestsellers li {
    padding: 0;
    margin: 0.3em 0em 0.3em 0em;
    }

    #bannerboxHeading {
    background-color: #ffffff;
    }

    #upProductsHeading {
    text-align: left;
    }

    #upDateHeading {
    text-align: right;
    }

    /* categories box parent and child categories */
    A.category-top, A.category-top:visited {
    color: #000000;
    text-decoration: none;
    }
    A.category-links, A.category-links:visited {
    color: #004080;
    text-decoration: none;
    }
    A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
    color: #000000;
    text-decoration: none;
    }
    SPAN.category-subs-parent {
    font-weight: bold;
    }
    SPAN.category-subs-selected {
    font-weight: bold;
    }
    /* end categories box links */

    /*misc*/
    .back {
    float: left;
    }

    .forward, #shoppingCartDefault #PPECbutton {
    float: right;
    }

    .bold {
    font-weight: bold;
    }

    .rowOdd {
    background-color: #E8E8E8;
    height: 1.5em;
    vertical-align: top;
    }

    .rowEven {
    background-color: #F0F0F0;
    height: 1.5em;
    vertical-align: top;
    }

    .hiddenField {
    display: none;
    }
    .visibleField {
    display: inline;
    }

    CAPTION {
    /*display: none;*/
    }

    #myAccountGen li, #myAccountNotify li {
    margin: 0;
    }

    .accountTotalDisplay, .accountTaxDisplay {
    width: 20%;
    text-align: right;
    /*vertical-align: top*/
    }

    .accountQuantityDisplay {
    width: 10%;
    vertical-align: top
    }

    TR.tableHeading {
    background-color: #cacaca;
    height: 2em;
    }

    .productListing-rowheading {
    background-color: #fef6c7;
    background-image: url(../images/tile_back.gif);
    height: 2em;
    color: #FFFFFF;
    }

    #siteMapList {
    width: 90%;
    float: right;
    }

    .ratingRow {
    margin: 1em 0em 1.5em 0em;
    }

    LABEL#textAreaReviews {
    font-weight: normal;
    margin: 1em 0em;
    }

    #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
    background-color: #ffffff;
    }
    .information {padding: 10px 3px; line-height: 150%;}

    #shoppingcartBody #shippingEstimatorContent {
    clear: both;
    }

    .seDisplayedAddressLabel {
    background-color:#85C285;
    text-align: center;
    }
    .seDisplayedAddressInfo {
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    }
    #seShipTo {
    padding: 0.2em;
    }

  7. #7
    Join Date
    Jun 2008
    Posts
    12
    Plugin Contributions
    0

    Default Re: Header & Search Box

    The tpl_header.php code


    <?php
    /**
    * Common Template - tpl_header.php
    *
    * this file can be copied to /templates/your_template_dir/pagename<br />
    * example: to override the privacy page<br />
    * make a directory /templates/my_template/privacy<br />
    * copy /templates/templates_defaults/common/tpl_footer.php to /templates/my_template/privacy/tpl_header.php<br />
    * to override the global settings and turn off the footer un-comment the following line:<br />
    * <br />
    * $flag_disable_header = true;<br />
    *
    * @package templateSystem
    * @copyright Copyright 2003-2006 Zen Cart Development Team
    * @copyright Portions Copyright 2003 osCommerce
    * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
    * @version $Id: tpl_header.php 4813 2006-10-23 02:13:53Z drbyte $
    */
    ?>

    <?php
    // Display all header alerts via messageStack:
    if ($messageStack->size('header') > 0) {
    echo $messageStack->output('header');
    }
    if (isset($_GET['error_message']) && zen_not_null($_GET['error_message'])) {
    echo htmlspecialchars(urldecode($_GET['error_message']));
    }
    if (isset($_GET['info_message']) && zen_not_null($_GET['info_message'])) {
    echo htmlspecialchars($_GET['info_message']);
    } else {

    }
    ?>


    <!--bof-header logo and navigation display-->
    <?php
    if (!isset($flag_disable_header) || !$flag_disable_header) {
    ?>

    <div id="headerWrapper">
    <!--bof-navigation display. *** For some reson if you try to put the site root ie /public_html/folder/file.html the images and links won't work. I had to put the full URL to get the links AND images to appear! Maybe this is because we are using a sub domain as the url ?I will try to correct this later- Ashley-->
    <div id="navMainWrapper">
    <div id="navMain">
    <ul class="back">
    <table width="812" height="106" border="0" align="center" cellpadding="1" bgcolor="#fef6c7">

    <tr height="100">
    <td width="61">&nbsp;</td>
    <td width="519" height="100"><img src="http://www.goldiproductions.com/images/a_indexpics/goldicapelogo_large.jpg" alt="" width="500" height="100" border="0" align="right" /></td>
    <td width="100" height="100">

    <div align="justify">
    <table width="100" border="0" cellspacing="0" cellpadding="0" height="100">
    <tr height="80">
    <td rowspan="3" width="100"><img src="http://www.goldiproductions.com/images/a_indexpics/storered.gif" alt="" height="80" width="100" border="0"></td>
    </tr>
    <tr> </tr>
    <tr> </tr>
    <tr height="20">
    <td width="100" height="20"><a onMouseOver="changeImages('emailbutt','../images/a_indexpics/emailbutt2_over.gif');return true" onMouseOut="changeImages('emailbutt','../images/a_indexpics/emailbutt2.gif');return true" href="mailto:[email protected]"><img id="emailbutt" src="http://www.goldiproductions.com/images/a_indexpics/emailbutt2.gif" alt="" name="emailbutt" height="20" width="100" border="0"></a></td>
    </tr>
    </table>
    </div></td>
    <td width="150" height="100">

    <div align="justify">
    <table width="120" border="0" cellspacing="0" cellpadding="0" height="20">
    <tr>
    <td><a onMouseOver="changeImages('storebutt2','http://www.goldiproductions.com/images/a_indexpics/buttstore_over.gif');return true" onMouseOut="changeImages('storebutt2','../images/a_indexpics/storebutt.gif');return true" href="#"><img id="storebutt2" src="http://www.goldiproductions.com/images/a_indexpics/storebutt.gif" alt="" name="storebutt2" height="20" width="120" border="0"></a></td>
    </tr>
    <tr>
    <td><a onMouseOver="changeImages('boerwarbutt','../images/a_indexpics/boerwarbutt_over.gif');return true" onMouseOut="changeImages('boerwarbutt','../images/a_indexpics/boerwarbutt.gif');return true" href="http://www.goldiproductions.com/BoerWar_Museum/wel_boer.html"><img id="boerwarbutt" src="http://www.goldiproductions.com/images/a_indexpics/boerwarbutt.gif" alt="" name="boerwarbutt" height="20" width="120" border="0"></a></td>
    </tr>
    <tr>
    <td><a onMouseOver="changeImages('canadasite2','../images/a_indexpics/canadasite_over.gif');return true" onMouseOut="changeImages('canadasite2','../images/a_indexpics/canadasite.gif');return true" href="http://www.goldiproductions.com/canada_site/index.html"><img id="canadasite2" src="http://www.goldiproductions.com/images/a_indexpics/canadasite.gif" alt="" name="canadasite2" height="20" width="120" border="0"></a></td>
    </tr>
    <tr>
    <td><a onMouseOver="changeImages('comingbutt2','../images/a_indexpics/comingbutt_over.gif');return true" onMouseOut="changeImages('comingbutt2','../images/a_indexpics/comingbutt.gif');return true" href="http://comingbackalive.com"><img id="comingbutt2" src="http://www.goldiproductions.com/images/a_indexpics/comingbutt.gif" alt="" name="comingbutt2" height="20" width="120" border="0"></a></td>
    </tr>
    <tr>
    <td><a onMouseOver="changeImages('goldibutt2','../images/a_indexpics/buttgoldi_over.gif');return true" onMouseOut="changeImages('goldibutt2','../images/a_indexpics/goldibutt.gif');return true" href="http://www.goldiproductions.com"><img id="goldibutt2" src="http://www.goldiproductions.com/images/a_indexpics/goldibutt.gif" alt="" name="goldibutt2" height="20" width="120" border="0"></a></td>
    </tr>
    </table>
    </div></td>
    </tr>
    </table>
    <p><a href="<?php echo zen_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>">
    <?php if ($_SESSION['customer_id']) { ?>
    <?php echo HEADER_TITLE_LOGOFF; ?></a></p>
    <li><a href="<?php echo zen_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a></li>
    <?php
    } else {
    if (STORE_STATUS == '0') {
    ?>
    <!--- <li><a href="<?php echo zen_href_link(FILENAME_LOGIN, '', 'SSL'); ?>"><?php echo HEADER_TITLE_LOGIN; ?></a></li>
    <?php } } ?> --->

    <?php if ($_SESSION['cart']->count_contents() != 0) { ?>
    <li><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a></li>
    <li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
    <?php }?>
    </ul>
    </div>
    <div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
    <br class="clearBoth" />
    </div>
    <!--eof-navigation display-->

    <!--bof-branding display-->
    <div id="logoWrapper">
    <!-- <div id="logo">
    <?php // echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?>
    </div> -->
    <?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
    <div id="taglineWrapper">
    <?php
    if (HEADER_SALES_TEXT != '') {
    ?>
    <div id="tagline"><?php echo HEADER_SALES_TEXT;?></div>
    <?php
    }
    ?>
    <?php
    if (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2)) {
    if ($banner->RecordCount() > 0) {
    ?>
    <div id="bannerTwo" class="banners"><?php echo zen_display_banner('static', $banner);?></div>
    <?php
    }
    }
    ?>
    </div>
    <?php } // no HEADER_SALES_TEXT or SHOW_BANNERS_GROUP_SET2 ?>
    </div>
    <br class="clearBoth" />
    <!--eof-branding display-->

    <!--eof-header logo and navigation display-->

    <!--bof-optional categories tabs navigation display-->
    <?php require($template->get_template_dir('tpl_modules_categories_tabs.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_categories_tabs.php'); ?>
    <!--eof-optional categories tabs navigation display-->

    <!--bof-header ezpage links-->
    <?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
    <?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
    <?php } ?>
    <!--eof-header ezpage links-->
    </div>
    <?php } ?>

  8. #8
    Join Date
    Jun 2008
    Posts
    12
    Plugin Contributions
    0

    Default Re: Header & Search Box

    So the problem was in the admin setting under search_header.php

    I am still trying to get rid of the big space between the header and the rest of the information. It is really driving me crazy! As well, for the two links

    New Products ...
    All Products ...

    I want them to hover in red like the rest but every time I try to edit it they turn red not hover red.

    /* categories box parent and child categories */
    A.category-top, A.category-top:visited {
    color: #000000;
    text-decoration: none;
    }

    A.category-top, A.category-top:hover {
    color: #FF0000;
    }

    A.category-links, A.category-links:visited {
    color: #000000;
    }

    A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
    color: #000000;
    text-decoration: none;
    }
    SPAN.category-subs-parent {
    font-weight: bold;
    }
    SPAN.category-subs-selected {
    font-weight: bold;
    }
    /* end categories box links */

 

 

Similar Threads

  1. Search box & Search botton width control
    By Craig Hairston in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 13 Dec 2011, 04:04 AM
  2. search box alignment in IE & Firefox
    By styrax in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 10 May 2008, 08:04 PM
  3. would like to move login & search box into the BG area (header)
    By jswiss in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 1 Aug 2007, 09:18 AM
  4. Search Box in H3 Left Box Header
    By flintcog in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Jun 2007, 09:28 PM
  5. Add "Search" & "Language" box on header??
    By jojohi in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 13 Sep 2006, 09:09 AM

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