Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / having some issues with ez pages, header getting cut off bad positioning etc...

having some issues with ez pages, header getting cut off bad positioning etc...

Views: 1,424

Results 1 to 13 of 13
13 Nov 2012, 8:48 PM
#1
icwater avatar

icwater

New Zenner

Join Date:
Nov 2012
Posts:
50
Plugin Contributions:
0

having some issues with ez pages, header getting cut off bad positioning etc...

added a page and this happens http://pacmachineco.com/index.php?main_page=page&id=31 then i decided i'd rather not have the left column on those pages so i disabled it and this happens http://pacmachineco.com/index.php?main_page=page&id=30 :frusty: any way to fix one of these options?

thanks

13 Nov 2012, 8:51 PM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: having some issues with ez pages, header getting cut off bad positioning etc...

any way to fix one of these options?
Fix exactly what??

13 Nov 2012, 9:00 PM
#3
icwater avatar

icwater

New Zenner

Join Date:
Nov 2012
Posts:
50
Plugin Contributions:
0

Re: having some issues with ez pages, header getting cut off bad positioning etc...

sorry, on the bmw page the content is aligned to the bottom of the page for me and on the audi page it cuts the navigation bar off

17 Nov 2012, 6:41 PM
#4
icwater avatar

icwater

New Zenner

Join Date:
Nov 2012
Posts:
50
Plugin Contributions:
0

Re: having some issues with ez pages, header getting cut off bad positioning etc...

anyone?

17 Nov 2012, 11:58 PM
#5
icwater avatar

icwater

New Zenner

Join Date:
Nov 2012
Posts:
50
Plugin Contributions:
0

Re: having some issues with ez pages, header getting cut off bad positioning etc...

by content i mean the tables i inserted into the page, just in case that wasn't clear

18 Nov 2012, 12:04 AM
#6
icwater avatar

icwater

New Zenner

Join Date:
Nov 2012
Posts:
50
Plugin Contributions:
0

Re: having some issues with ez pages, header getting cut off bad positioning etc...

and on this page the shopping cart and categories align to the bottom :frusty: http://raptorengines.com/index.php?main_page=page&id=29

18 Nov 2012, 12:09 AM
#7
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: having some issues with ez pages, header getting cut off bad positioning etc...

I suggest that you get with whom ever wrote your template

18 Nov 2012, 12:17 AM
#8
icwater avatar

icwater

New Zenner

Join Date:
Nov 2012
Posts:
50
Plugin Contributions:
0

Re: having some issues with ez pages, header getting cut off bad positioning etc...

it's monster and they are worthless. so you know if this would be an issue within the css or the php? just dunno where to look as php is not my thing.

19 Nov 2012, 4:06 PM
#9
icwater avatar

icwater

New Zenner

Join Date:
Nov 2012
Posts:
50
Plugin Contributions:
0

Re: having some issues with ez pages, header getting cut off bad positioning etc...

welp, several days and no response to my support ticket at monster. i'm shocked lol

19 Nov 2012, 5:08 PM
#10
icwater avatar

icwater

New Zenner

Join Date:
Nov 2012
Posts:
50
Plugin Contributions:
0

Re: having some issues with ez pages, header getting cut off bad positioning etc...

what i don't get is everything's fine here http://raptorengines.com/index.php?main_page=page&id=28 whats different on that page? ahhhh

19 Nov 2012, 7:06 PM
#11
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: having some issues with ez pages, header getting cut off bad positioning etc...

I'm sure there are more issues than this, but the page you posted as working correctly does not, in fact, work correctly in my monitor/browser. The top categories don't fit on one line, and the last one that drops down to the next row pushes the entire main body of the page over to the right. Editing stylesheet_categories_menu.css here:```
#nav-cat ul.level1 > li > a {
background: none repeat scroll 0 0 transparent;
color: #FFFFFF;
font-family: 'Anton',sans-serif;
font-size: 17px;
font-weight: normal;
line-height: 29px;
margin-left: 29px;
padding: 0;
text-decoration: none;
text-transform: uppercase;
}


    font-size: 14px;

makes them fit and the display goes back to what looks correct.
You could probably reduce the margin-left to get the same effect.

All the extra containers make this such a complicated template structure that I don't really want to tackle the whole thing...
21 Nov 2012, 7:16 PM
#12
icwater avatar

icwater

New Zenner

Join Date:
Nov 2012
Posts:
50
Plugin Contributions:
0

Re: having some issues with ez pages, header getting cut off bad positioning etc...

is that the search box navigation you're referring to thats hidden behind the main nav bar? i'm trying to remove that. but of couse it's already set to off in the admin. uhg.

21 Nov 2012, 7:17 PM
#13
icwater avatar

icwater

New Zenner

Join Date:
Nov 2012
Posts:
50
Plugin Contributions:
0

Re: having some issues with ez pages, header getting cut off bad positioning etc...

this seems to be where my main problem lies, but i've tried adjusting a bunch of stuff with no love.

/*  --------------------------------------------------------------------  */

font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px;}
#4d5255 {color:#4d5255;}

outline:none; text-decoration:underline; {outline:none; text-decoration:underline;}
#cc6600 {color:#cc6600;}

font-size:17px; text-decoration:none; line-height:20px; font-weight:bold; {font-size:17px; text-decoration:none; line-height:20px; font-weight:bold;}
color:#067f88; {color:#067f88;}

font-size:18px;
	line-height:18px;
	color:#cccccc;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif; {font-size:18px;
	line-height:18px;
	color:#cccccc;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;}

font-family: 'Anton', sans-serif;
	font-size:22px;
	line-height:29px;
	text-transform:uppercase;
	color:#fcfcfc;
	font-weight:normal;
	display:block;
	background:url(../images/ttl-bg.png) repeat-x left top;
	padding:7px 0 9px 13px;
	margin-top:10px; {font-family: 'Anton', sans-serif;
	font-size:22px;
	line-height:29px;
	text-transform:uppercase;
	color:#fcfcfc;
	font-weight:normal;
	display:block;
	background:url(../images/ttl-bg.png) repeat-x left top;
	padding:7px 0 9px 13px;
	margin-top:10px;}

font-size:12px; font-weight:normal; background:#fafafa; color:#000; {font-size:12px; font-weight:normal; background:#fafafa; color:#000;}
#000 {color:#000;}

/*  --------------------------------------------------------------------  */

/* CSS Document */

* { margin:0; padding:0;}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#cccccc;
	min-width:1188px;
	background-color: #000;
	background-image: url(../images/body-bg.jpg);
	background-repeat: repeat-y;
	background-position: center 160px;
}
table, td {border-collapse:collapse; font-size:100%;}
table, td, img {border:0;}
form, td {margin:0; padding:0;}
td { vertical-align:top; text-align:left;}

.main-width { width:940px; margin:0 auto; text-align:left;}
.extra-wrapp{ width:1188px; margin:0 auto; position:relative;}
input, textarea { font-family:Tahoma; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper{ width:100%; overflow:hidden;}
.container { width:100%;}
.column-1, .column-2, .column-3{ float:left;}

a {color:#cc6600; outline:none; }
a:hover{text-decoration:none;}
p { margin:0; padding:0;}

#advSearchResultsDefault form{
	margin:10px 0;
	display:block;
	overflow:hidden;
}
#advSearchResultsDefault form select{
	margin-left:21px;
}
#popupSearchHelp{
	padding:0;
}
.centeredContent .inp1 input{
	width:300px;
}
.productListing-data .normalprice{
	display:block;
}
#reviewsInfoDefault{
	margin:10px 0 0 0;
}
#reviewsDefaultListingTopNumber{
	font-size:12px; line-height:17px; color:#4d5255;
	margin-bottom:0;
}
#reviewsDefaultListingBottomNumber{
	font-size:12px; line-height:17px; color:#4d5255;
}
/* ============================= header ====================== */
#header{
	background:url(../images/header-talling.png) repeat-x left top;
	min-width:1188px;
}
#header .header-inner{
	background:url(../images/header-bg.jpg) no-repeat center top;
	height:215px;
}
#main-cont{

	min-width:1188px;
	position:relative;
	top:-15px;
}
*+ html #main-cont{
	top:-11px;
}
#header .logo{
	float:left;
	padding:24px 0 0 0;
}
#header .right-head{
	float:right;
	text-align:right;
}
#header .search{
	float:right;
	padding:22px 0 0 0;
}
#header .search .corner{
	background:url(../images/search-corner.png) no-repeat left top;
	width:13px;
	height:27px;
	float:left;
}
#header .search .input1{
	float:left;
	background:url(../images/search-bg.png) repeat-x left top;
	border:none;
	padding:6px 0;
	width:164px;
}
#header .search .input2{
	float:left;
	padding:0;
	border:none;
}
#header .navigation{
	float:right;
	padding:27px 23px 0 0;
}
#header .navigation a{
	float:left;
	font-size:12px;
	line-height:15px;
	color:#cccccc;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/nav-bg.png) repeat-x left top;
	display:block;
	padding:2px 14px 4px 14px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:relative;
	margin-left:8px;
}
#header .navigation a:hover{
	color:#cc6600;
	background:url(../images/nav-bg-act.png) repeat-x left top;
}
#header .box2{
	overflow:hidden;
	float:right;
	text-align:right;
	padding:10px 0 0 0;
}
#header .menu{
	overflow:hidden;
	float:right;
	margin-right:-1px;
}
#header .menu ul{
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#header .menu ul li{
	float:left;
}
#header .menu ul li a{
	text-decoration:none;
	color:#f4f4f4;
	font-size:12px;
	line-height:29px;
	margin-left:15px;
}
#header .menu ul li.selected a,
#header .menu ul li a:hover{
	color:#cc6600;
}
/* ============================= content ===================== */

.name{ font-size:17px; text-decoration:none; line-height:20px; font-weight:bold;}
.name:hover{ color:#fff;}
.cart{
	position:absolute;
	top:30px;
	right:0;
	width:94px;
	height:70px;
	background:url(../images/cart.png) no-repeat left top;
	font-size:45px;
	line-height:45px;
	padding:161px 0 0 0px;
	
}
.cart a{
	color:#fff;
	font-family: 'Anton', sans-serif;
	text-decoration:none;
	display:block;
	width:94px;
	text-align:center;
}
.cart a:hover{
	color:#cc6600;
}
#contentMainWrapper{
	margin:10px 0 0 0;
}
#column-left{
	padding-right:20px;
}
.centerBoxHeading{
	font-family: 'Anton', sans-serif;
	font-size:22px;
	line-height:29px;
	text-transform:uppercase;
	color:#fcfcfc;
	font-weight:normal;
	display:block;
	background:url(../images/ttl-bg.png) repeat-x left top;
	padding:7px 0 9px 13px;
	margin-top:10px;
}
.product-col{
	width:232px!important;
	padding:20px 0 21px 0;
	background:url(../images/product-col-bg.png) repeat-x left top;
	border-right:1px solid #000;
}
.product-col:hover{
	background:url(../images/product-col-bg-act.png) repeat-x left top;
	border-right:1px solid #17181b;
}
.product-col:hover .price{
	color:#fff;
}
.product-col:hover .normalprice,
.product-col:hover .productSpecialPrice, 
.product-col:hover .productSalePrice, 
.product-col:hover .productSpecialPriceSale{
	color:#fff;
}
.product-col .img{
	padding-left:20px;
}
.product-col .img img{
	border:1px solid #b9cfd6;
}
.product-col .img img:hover{
	border:1px solid #808e94;
}
.product-col .prod-info{
	padding:16px 18px 0 18px;
}
.product-col .name{
	color:#C60;
	font-size:11px;
	line-height:18px;
	font-weight:bold;
	text-transform:uppercase;
	display:inline-block;
	margin:0 0 8px 2px;
}
.product-col .price{
	float:left;
	display:inline-block;
	margin:3px 0 0 0;
}
.product-col .button{
	float:right;
}
.price {
	font-size:18px;
	line-height:18px;
	color:#cccccc;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
.price strong{
	font-weight:normal;
}
/* ============================= footer ====================== */
#footer{
	overflow:hidden;
	padding:0 0 22px 0;
}
#footer .footer-menu{
	font-size:12px;
	line-height:29px;
	color:#f4f4f4;
	text-decoration:none;
	padding:50px 0 0 0;
	margin-left:-1px;
}
#footer .footer-menu a{
	color:#f4f4f4;
	text-decoration:none;
}
#footer .footer-menu a:hover{
	color:#cc6600;
}
#footer .copyright{
	font-size:12px;
	line-height:29px;
	color:#f4f4f4;
	padding:2px 0 0 0;
}
#footer .copyright a{
	text-decoration:none;
	color:#f4f4f4;
}
#footer .copyright a:hover{
	color:#c60;
}
#footer .lang{
	float:right;
	padding:59px 0 0 8px;
}
#footer .currencies{
	float:right;
	overflow:hidden;
	color:#c60;
	font-size:12px;
	line-height:20px;
	padding:54px 0 0 0;
}
#footer .currencies select{
	width:73px;
	height:20px;
	border:1px solid #f0f0f0;
	background:#fff;
	font-size:11px;
	color:#979797;
	padding:1px 0 0 0;
	margin-left:1px;
}
/* ============================= forms ======================= */
input, select, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#010101; border:solid 1px #e3e3e3; padding:2px; background:#fdfdfd;}
input:focus, select:focus, textarea:focus{outline:none;}

.top-categories .box{ display:none;}
.top-categories .display{ display:block;}
#column-left #categoriescss{ display:none !important;}
.top-categories{
	background:url(../images/categories-bg.png) repeat-x left top;
	padding:11px 0 0px 0;
	position:relative;
	z-index:9999;
}
*+html .top-categories{
	padding:11px 0 0px 0;
	margin-bottom:-4px;
}

.bannersbox{
	overflow:hidden;
	width:940px;
	padding:4px 0 0 0;

}
#faded{
	overflow:hidden;
	width:940px;
	height:429px;
	position:relative;
	float:left;
}
#faded div{
	position:absolute!important;
	top:0;
	left:0;
	width:940px;
	height:429px;
	
}
.pagination{
	position:absolute;
	bottom:30px;
	right:32px;
	z-index:100;
	margin:0;
	background:url(../images/pagination-bg.png) no-repeat center top;
	padding:4px 0 5px 6px;
}
.pagination li{
	float:left;
}
.pagination li a{
	display:block;
	text-indent:-10000px;
	float:left;
	width:11px;
	height:11px;
	margin-right:5px;
	background:url(../images/pagination.png) no-repeat right top;
}
.pagination li a:hover,
.pagination .current a{
	background:url(../images/pagination.png) no-repeat left top;
}

.bot-banners{
	width:100%;
	height:89px;
	overflow:hidden;
}
.bot-banners div{
	float:left;
}