Solved

CSS template help

Posted on 2011-09-22
8
387 Views
Last Modified: 2012-08-13
Hello -

I am using a template for zen cart and trying to make a few changes. I  would like to have everything inside the main wrapper a solid color, for now white would do. I've tried a few things and I cant seem to get it to work. Any ideas?

Here is a link to the site
http://unajensen.com/shop/

style sheet:
 
/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 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_new.css 3286 2006-03-28 01:14:04Z drbyte $
 */

body {

color:#000000;

font:.75em/1.5 'Aldrich', sans-serif;

background-color:#fff;

background-image: url(http://unajensen.com/shopimages/una-bg-pttrn.jpg);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

}

a img {border: none; }

a:link {

color:#d00000;

text-decoration:none;
font-weight:bold;

}



a:visited {

color:#b00000;

text-decoration:none;
font-weight:bold;

}



a:hover {

color:#f00000;

text-decoration:underline;

}



h1 {
	font-size: 1.4em;
	color:#333;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.2em;
}

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

CODE {
	font-family: Aldrich, 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: #F0F8FF;
}
FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}
LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	line-height: 1.25em;
	padding: 0.1em;
}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	font-size: 0.95em;
	margin: 0.2em 0.5em;
	}

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

LABEL.inputLabel {
	font-size: 0.95em;
	width: 10em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 15em;
	float: left;
	}

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

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 #000000;
	}
.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 {
height:650px;
width:936px;
position:center;
top:50%;
left:50%;
margin-top:-275px;
margin-left:-375px;
border:7px solid #000000;
}

/* main content area */
#contentMainWrapper {
margin:0;
}

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

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
}

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

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

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/* HEADER */
#navMainWrapper {
}

#navMainWrapper a:link , #navMainWrapper a:visited {
}

#navMainWrapper a:hover {
text-decoration:underline;
}

#headerContent {
background:#000 url('http://unajensen.com/shopimages/shopheader.jpg') center center no-repeat;
height:200px;
width:934px;
padding:1px;
}

#nameWrapper  {
padding:10px 0 10px 30px;
}

#nameWrapper a, #nameWrapper a:visited {
font-size:40px;
text-decoration:none;
color:#fff;
font-weight:normal;
}

#taglineWrapper {
font-size:20px;
padding:10px 0 10px 60px;
margin-top:-30px;
color:#fff;
}

#navEZPagesTop {
font-weight: bold;
text-align:center;
font-size:1.2em;
}

 #navEZPagesTop a {
 color:#fff;
 }



.navMainSearch {
margin:0 10px 0 0;
line-height:0;
float:right;
}

	
/*navigation*/

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

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	font-weight: bold;
	height: 1%;
	width: 100%;
}

#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;
	white-space: nowrap;
}

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

#headerWrapper #navMain ul li {
	border-right:1px solid #666;
}

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

#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;
}
#navBreadCrumb {
border-bottom:1px solid #bfbfbf;
padding: 0px 0 5px 0;
margin:3px 25px 0 25px;
}

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

#productDescription, .shippingEstimatorWrapper {
	padding: 0.5em;
}

.alert {
	color: #FF0000;
	margin-left: 0.1em;
	font-size: 0.9em;
	}
.advisory {}
.important {
	font-size: 1.1em;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
	
 #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
}

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

#siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
margin-bottom:10px;
}

/*Shopping Cart Display*/
#cartAdd {
text-align: center;
margin: 1em 0 1em 0;
background-color:#f8f8f8;

border:1px solid #dfdfdf;
padding: 1em;
float:left;
clear:right;
}

.cartTableHeading TH {
	border-bottom: 1px solid #cccccc;
	}

.cartTableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	height: 2.2em;
 }

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

.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;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

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

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

.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 {}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
}

.centerBoxContents {
  padding: 0 5px 5px 5px;
	
}

/* BOXES */
	
#navColumnOne, #navColumnTwo {
background-color:#fafafa;
}	

.centerColumn {
background-color:#fafafa;
padding: 0 25px 0 25px;
}
	
h2.centerBoxHeading, .productListing-rowheading, TR.tableHeading {
  background:transparent url('../images/box-title-bg.jpg') center center repeat-x;

  font-weight:bold;
  font-size:1.1em;
  margin:0;
  padding:5px;
  color:#fff;
}

h2.centerBoxHeading {
 padding-left:10px;

}

.productListing-rowheading, TR.tableHeading {
height:2em;
}

.centerBoxWrapper, .tabTable {
padding: 0px;
height: 1%; /*do not remove- IEhack*/
margin-bottom: 1em;
line-height:1.4;
background:#f8f8f8 url('../images/content-bg.jpg') 0 28px repeat-x;

}
		
.sideBoxContent {
padding:5px;
margin-bottom:15px;
background:transparent url('../images/content-bg.jpg') top center repeat-x;
line-height:1.4

}


h3.rightBoxHeading, h3.leftBoxHeading  {
background:transparent url('../images/box-title-bg.jpg') center center no-repeat;

text-align:center;
margin:0;
letter-spacing:.5px;
padding:2.5px;
}

h3 label {
font-size:1.0em;
}

h3.rightBoxHeading, h3.rightBoxHeading a, h3.leftBoxHeading, h3.leftBoxHeading a  {
color:#fff;

}

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
	text-decoration: underline;
} 


/* PRODUCT LISTING */

.productListing-rowheading a {
color:#fff;
}

.productListing-data img {
padding:8px;
}

.productListing-even {
background-color:#f0f0f0;
}

.productListing-odd {
background-color:#fafafa;
}


/* PRODUCT INFO */

#productDetailsList, #productDetailsList li {

list-style-type:none;

margin-left:0;

padding-left:0;

}


/* FOOTER */

#authorLink {
text-align:center;
font-size:.9em;
}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navNextPrevWrapperTop, #navNextPrevWrapperBottom, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .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 {
}
#upProductsHeading {
	text-align: left;
	}
#upDateHeading {
	text-align: right;
	}
/*misc*/
.back {
  float: left;
}
.forward {
	float: right;
}

.bold {
	font-weight: bold;
	}

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

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

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
	}


#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 {
	background-color: #ffffff;
}

Open in new window

0
Comment
Question by:jrsnmedia
  • 5
  • 2
8 Comments
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 36584273
Are you capturing our IP addresses?  I display that on one of my pages but it is in the clear where people can read it, not disguised in black on black text.
0
 

Author Comment

by:jrsnmedia
ID: 36584384
I;m not sure I understand what you mean by "Are you capturing our IP addresses? "

Here is a screen shot, maybe this will explain it better.
 screen shot screen shot
0
 

Author Comment

by:jrsnmedia
ID: 36584388
I;m not sure I understand what you mean by "Are you capturing our IP addresses? "

Here is a screen shot, maybe this will explain it better. I'm looking to get the whole center portion of the store a solid color.
 
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 36584406
I know what it looks like, I've been there.  I see you've changed it so the IP address is no longer there.  It was overlaying the "HOME" text.
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

Author Comment

by:jrsnmedia
ID: 36584421
Ah, sorry Dave, yes, that is set to display by default. I'm just getting around to fixing / turning off all that stuff once I get the template set. I apologize about the multi post, shaky internet connection currently.
0
 

Expert Comment

by:Osram34
ID: 36584490
Please paste your HTML code so we can help :)
0
 

Accepted Solution

by:
jrsnmedia earned 0 total points
ID: 36584557
Hello Osram34,

I am using Zen Cart as the platform, so there is no html. Could I look somewhere else?
0
 

Author Closing Comment

by:jrsnmedia
ID: 36708161
was able to correct this on my own
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

911 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now