Forums / General Questions / What do I need to change???

What do I need to change???

Locked

Views: 1,254

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
14 Aug 2007, 7:02 PM
#1
flipjargendy avatar

flipjargendy

New Zenner

Join Date:
Jun 2007
Posts:
87
Plugin Contributions:
0

What do I need to change???

I'm wondering what effects the spacing between the logowrapper and the ezpages nav (horizontal bar) I've looked around and played with stylesheet.css but cannot figure this out.

I'm using template_default but have modded it so that there are no images, only straight css with hex color codes. I've edited a little bit of the ezPage header also. Just made it so there are divs instead of just a list of links.

Thanks

14 Aug 2007, 8:23 PM
#2
dizz avatar

dizz

Zen Follower

Join Date:
Oct 2006
Posts:
170
Plugin Contributions:
0

Re: What do I need to change???

Can you please post your code?

14 Aug 2007, 8:30 PM
#3
flipjargendy avatar

flipjargendy

New Zenner

Join Date:
Jun 2007
Posts:
87
Plugin Contributions:
0

Re: What do I need to change???

Here is my...

CSS

/**
 * Wise Essentials Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2007-2008 Wise Essentials
 **/

body {
    margin: 0;
    font-family: arial, sans-serif;
    font-size: 69.8%;
    color: #765629;
    background-color: #fff;
    }

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
    color: #623E08;
    text-decoration: none;
    font-weight: bold;
    }
 
a:visited {
    color: #623E08;
    text-decoration: none;
    font-weight: bold;
    }

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
    color: #CD4023;
    font-weight: bold;
    }

a:active {
    color: #623E08;
    font-weight: bold;
    }

h1 {
    font-size: 1.5em;
    color: #66420C;
    }

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 {
    float: left;
    margin: auto;
    display: block;
    width: 95%;
    }

input:focus, select:focus, textarea:focus {
    background: #FFFE9A;
    color: #765629;
    }

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

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

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

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

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
    float: left;
    }

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 #bccef6;
    }

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

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

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

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

/*wrappers - page or section containers*/
#mainWrapper {
    background-color: #fff;
    text-align: left;
    width: 786px;
    vertical-align: top;
    border: 1px solid #5C3600;
    border-top: 0px;
    }

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

#logoWrapper{
    border: 0px;
    background-color: #FFFE9A;
    height: 96px;
    }

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    margin: auto;
    } 
#navColumnOneWrapper, #navColumnTwoWrapper {
    margin-left: 0.5em;
    margin-right: 0.5em;
    }
    
#tagline {
    color: #66420C;
    font-size: 2em;
    text-align : center;
    }

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

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

.wrapperAttribsOptions {
    margin: 0.1em 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: #fff;
    /*background-image: url(../images/headTop.gif);
    background-position: top;*/
    padding: 1px;
    font-weight: bold;
    color: #000;
    height: 12px;
    border: 0px;
    }

#navSuppWrapper, #navCatTabsWrapper {
    margin: 0em;
    background-color: #FFFE9A;
    background-position: top;
    padding: 0.2em 0.2em;
    font-weight: bold;
    color: #000;
    height: 1%;
    }

#navCatTabsWrapper {
    background-color: #fff;
    color: #000;
    background-image:none;
}

#navMain ul, #navSupp ul, #navCatTabs ul {
    margin: 0;
    padding: 0.4em 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: #66420C;
    white-space: nowrap;
    float: right;
    }

#navSupp ul li a {
    text-decoration: none;
    padding: 0em 0.5em;
    margin: 0;
    color: #66420C;
    white-space: nowrap;
    }

#navCatTabs ul li a {
    color: #9a9a9a;
    }

#navEZPagesTOCWrapper {
    font-weight: bold;
    float: right;
    height: 1%;
    border: 0px 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 {
    float: right;
    }

#navBreadCrumb {
    padding: 0.5em 0.5em;
    background-color: #fff;
    font-size: 0.95em;
    font-weight: bold;
    margin: 0em;
    }
// This holds div.ezHold
#navEZPagesTop {
    background-color: #fff;
    /*background-image: url(../images/topRound.gif);*/
    font-size: 0.95em;
    font-weight: bold;
    margin: 0em;
    padding: 0.0em;
    width: 98%;
    text-align: center;
    }

/* The ezReplace and ezHold classes are dependant on width of mainWrapper(786px) */
div.ezHold {
    border-bottom: 0px solid #fff;
    text-align: center;
    padding: 0px;
    width: 786px;
    text-align: left;
    }

div.ezReplace {
    background-color:#FFFF66;
    margin: 0 auto;
    display: table-cell;
    border: 1px solid #5C3600;
    border-top: 1px dotted #5c3600;
    border-bottom: 1px dotted #5c3600;
    height: 21px;
    padding: 5px;
    width: 156px;
    font-size: 12px;
    text-align: center;
    }

div.ezReplace a {
    color: #5C3600;
    text-decoration: none;
    }

div.ezReplace a:hover {
    color: #CD4023;
    text-decoration: none;
    }

#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: 1.2em;*/
    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.3em;
    }

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

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

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

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

#cartSubTotal {
    border-top: 1px solid #436501;
    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;
    }

#productQuantityDiscounts {
    border: 0px;
    color: red;
    }

.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: 0px solid #003D00;
    }

.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.0em 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 double #436501;
    border-left: 0px;
    border-right: 0px;
    background-color: #fff;
    height: 1%;
    margin: 1em 0;
    font-size: 1.1em;
    text-decoration: none;
    }

.centerBoxWrapper a {
    border: 0px double #436501;
    background-color: #fff;
    height: 1%;
    margin: 1em 0;
    font-size: 1.1em;
    font-weight: bold;
    color: #66420C;
    text-decoration: none;
    }

.centerBoxWrapper a:hover {
    color: #CD4023;
    text-decoration: none;
    }

h2.centerBoxHeading {
    font-size: 1.3em;
    color: #66420C;
    }

/*sideboxes*/
.columnLeft {
    border: 0px solid #5C3600;
    background-color: #fff;
    padding: 2px;
    }

.columnRight {
    border: 1px solid #5C3600;
    border-right: 0px;
    border-bottom: 0px;
    border-top: 0px;
    }

div.info {
    border: 1px solid #5C3600;
    width: 96%;
    position: relative;
    height: 56px;
    margin: 3px auto;
    background-color: #fff;
    padding: 3px;
    cursor: pointer;
    cursor: hand;
    }

h3.rightBoxHeading, h3.rightBoxHeading a {
    font-size: 1.2em;
    color: #66420C;
    }

h3.leftBoxHeading, h3.leftBoxHeading a {
    font-size: 1.2em;
    color: #66420C;
    text-align: left;
    }

#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeadineg {
    font-size: 0.9em;
    color: #990026;
}

.rightBoxHeading {
    margin: 0em;
    background-color: #fff;
    /*background-image: url(../images/sidebox_header_bg.gif);
    background-repeat: no-repeat;*/
    padding: 0.5em 0.2em; 
    border: 0px;
    border-bottom: 1px solid #5C3600;
    color: #FFFE9A;
    }

.leftBoxHeading {
    background-color: transparent;
    border: 0px;
    margin: 0em;
    margin-top: 1em;    
    padding: 0.5em 0em; 
    color: #FFFE9A;
    text-align: left;
    }

.centerBoxHeading {
    margin:0em;
    background-color: #fff;
    padding: 0.2em 0.2em;
    border: 0px solid #5C3600;
    border-bottom: 0px;
    } 
/*bottom of containers*/
/*.leftBoxContainer,*/ .rightBoxContainer {
    margin: 0em;
    border: 1px solid #5C3600;
    margin-top: 1.5em;
    text-align: center;
    }

.leftBoxContainer {
    border: 0px;
    text-align: left;
    }

.leftBoxContainer a {
    font-weight: normal;
    text-decoration: none;
    }

.sideBoxContent {
    background-color: #fff;
    color: #000;
    padding: 0.3em
    }

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

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

/*News sidebox*/
.newsInfo {
    text-align: left;
    font-style: normal;
    }

.newsContent {
    font-size: 1.0em;
    }

#newsArchivTitleHeading {
    text-align: left;
    }

#newsArchivDateHeading {
    text-align: right;
    }

.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: #fff;
}

#upProductsHeading {
    text-align: left;
    }

#upDateHeading {
    text-align: right;
    }
//Shopping Cart Links??
/* categories box parent and child categories */
A.category-top, A.category-top:visited {
    color: #62413f;
    text-decoration: none;
    }
A.category-links, A.category-links:visited {
    color: #62413f;
    text-decoration: none;
    }
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
    color: #FF0000;
    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: #fff;
    height: 2em;
    }

.productListing-rowheading {
    background-color: #fff;
    border: 1px solid #5C3600;
    height: 2em;
    color: #66420C;
    }

.productListing-rowheading a {
    background-color: #fff;
    border: 0px;
    height: 2em;
    color: #B06A8D;
    }

.productListing-rowheading a:hover {
    background-color: #fff;
    border: 0px;
    height: 2em;
    color: #CF7CA6;
    }

#siteMapList {
    width: 88%;
    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: #fff;
    }

tpl_ezpages_bar_header.php

<?php 
/** 
 * Page Template 
 * 
 * Displays EZ-Pages Header-Bar content.<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_ezpages_bar_header.php 3377 2006-04-05 04:43:11Z ajeh $ 
 */ 
 
  /** 
   * require code to show EZ-Pages list 
   */ 
  include(DIR_WS_MODULES . zen_get_module_directory('ezpages_bar_header.php')); 
?>
<?php if (sizeof($var_linksList) >= 1) { ?> 
<div id="navEZPagesTop"> 
<div class="ezHold">
 
<?php for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {  ?> 
  <div class="ezReplace"><a href="<?php echo $var_linksList[$i]['link']; ?>"><?php echo $var_linksList[$i]['name']; ?></a><?php echo ($i < $n ? EZPAGES_SEPARATOR_HEADER : '') . "\n"; ?></div> 
<?php } /*end FOR loop*/ ?> 
 
</div>
</div> 
<?php } ?>