Hello there,
Sorry for the rookie question, but since this page is on printfection, I can’t quite seem to find out where to make these changes. I’ve gotten the background and most the font colors for the page working the way I want. But can’t quite seem to get the footer working right.
Does anyone know how I might go about customizing this footer? The problem is I want it to have three columns of links in there that are white font and no bullets. However I know it’s so simple using CSS, but I can’t quite seem to see where this is controlled? And how to put it in HTML? I have access to the CSS and HTML but don’t know if those give me full control or not?
Any ideas?
Thanks
Lorne
HTML CODE:
<table id="page" cellSpacing=0 cellPadding=0 width=773 border=0> <tbody>
<tr>
<td id="header" vAlign="center" colSpan=2><div id="logo"><a title="##storename##" href="##storeurl##">##logo##</a></div></td>
</tr>
<tr>
<td id="breadcrumb" colSpan=2>##breadcrumb##</td>
</tr>
<tr>
<td id="menucol" vAlign="top">##menuwrapper##
<h4>Store Categories:</h4>
##menu## ##menuwrapper##
<h4>Store Menu: </h4>
<table width="100%" cellpadding="0" style='border-collapse:collapse' class='menuTable'>
<tr>
<td><a href="##storeurl##" class="menuLink menuLevel1">Store Home</a></td>
</tr>
<tr>
<td><a href="##shoppingcarturl##" class="menuLink menuLevel1">Shopping Cart</a></td>
</tr>
<tr>
<td><a href="##storehelpurl##" class="menuLink menuLevel1">Store Help</a></td>
</tr>
</table>
##pricingmenuwrapper##
<h4>Shop by price:</h4>
##pricingmenu## ##pricingmenuwrapper##
<div id="prop"></div></td>
<td id="maincol" vAlign="top">##content##
<div id="prop1"></div></td>
</tr>
<tr>
<td id="footer" colSpan=2>
<ul id="menu-our-products" class="menu">
<li><a href="http://activestatedesigns.com/customer-service/products/merchandise">Merchandise</a></li>
<li><a href="http://activestatedesigns.com/customer-service/products/printing-process">Printing Process</a></li>
<li><a href="http://activestatedesigns.com/customer-service/products/printing-process">DTG vs Screen-Print</a></li>
<li><a href="http://activestatedesigns.com/customer-service/products/size-charts">Size Charts</a></li>
<li><a href="http://activestatedesigns.com/customer-service/custom-orders/got-an-idea">Got an idea?</a></li>
<li><a href="http://activestatedesigns.com/customer-service/custom-orders/order-in-bulk">Order in Bulk</a></li>
</ul>
</td>
</tr>
</tbody>
</table>
CSS Code:
@charset "UTF-8";
body{ margin:0; padding:0; text-align:center; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 12px; background-image: url(http://img.printfection.com/3/1156087/cjDX8.jpg);color:#FFF;}
#page {background-image:url(http://www.activestatedesigns.com/wp-content/themes/TheJewelryShopDark/images/content_bgd_slice.png);width:1000px;}
#header{height:201px; background-image:url(http://www.activestatedesigns.com/wp-content/themes/TheJewelryShopDark/images/header_bgd.jpg);}
#shopName{display:block; font-size:14px}
#maincol{padding:50px;}
#menucol{width:10px;}
#menucol h4{font-size:11pt; font-weight:bold; text-decoration:none; color:#fff}
.menuTable{margin-left:0px; margin-top:0px}
.menuLink, .menuSelectedText{display:block; line-height:23px; text-decoration:none; color:#fff;}
.menuLevel1{padding-left:3px}
.menuLevel2{padding-left:6px}
.menuLevel3{padding-left:9px}
.menuLevel4{padding-left:12px}
.menuLevel5{padding-left:15px}
.menuLevel6{padding-left:18px}
.menuLevel7{padding-left:21px}
.menuLevel8{padding-left:24px}
.menuLevel9{padding-left:27px}
.menuLink{display:block}
.menuSelectedText{display:block; color:#fff;; font-weight:bold}
.menuLink:hover{display:block; color:#42B4DA; text-decoration:underline;}
#breadcrumb{background-image:url(); color:#fff;display:none;}
.breadcrumbLink, .breadcrumbLink:visited{color:#fff; font-weight:bold; text-decoration:none}
.breadcrumbLink:hover{color:#42B4DA; text-decoration:underline;}
#footer{height:297px; background-image:url(http://www.activestatedesigns.com/wp-content/themes/TheJewelryShopDark/images/footer_bgd.jpg);}
#footerLinks:link{ color:#42B4DA; text-decoration:none; font-weight:none; font-size:10px}
#footerLinks:visited{color:#42B4DA; text-decoration:none; font-weight:none; font-size:10px}
#footerLinks:hover{color:#42B4DA; text-decoration:underline; font-weight:none; font-size:10px}
#footerBarLinks:link {color:#42B4DA; !important;padding: 8px;text-decoration:none;font-size:10px;}
#footerBarLinks:visited {color:#42B4DA; !important;padding: 8px;text-decoration:none;font-size:11px;}
#footerBarLinks:hover {color:#42B4DA; !important;padding: 8px;text-decoration:underline;font-size:11px;}
#footerBarLinks:active {color:#42B4DA; !important;padding: 8px;text-decoration:underline;font-size:11px;}
.footer_notes {font-size:.9em;overflow:hidden;margin:0 20px 0;}
.footer_notes span {float:right;}
.footer_notes .copyright {float:left;font-size:.9em;}
#menu-our-products {float:left;margin-left:20px;text-align:left;}
#menu-our-products ul {list-style-type: none; !important}
#menu-our-products ul li { float:left;white-space:nowrap;}
#menu-our-products ul li a {float:left;display:block;padding:1px 0 5px 10px;font-size:0.9em;}
#menu-our-products ul li:first-child a {padding-left:0;}
#menu-our-products ul li a:focus, .footer_navi ul li a:hover, .footer_navi ul li a:active {text-decoration:underline;}
#content{background:#fff; background-image:url()}
#cName{background:#fff; background-image:url(); color:#fff; font-size:14pt}
#cImage{margin-left:auto; margin-right:auto}
#cDesc{margin-top:10px; font-size:10pt}
#content{clear:both; margin-top:0px; padding:5px; _padding:0px; margin-bottom:20px; text-align:center}
.sectionsTable1{width:100%}
a.sectionTitleLink, a.sectionTitleLink:visited, a.sectionTitleLink:hover{color:#42B4DA; text-decoration:underline;}
#maincol a, #maincol a:visited, #maincol a:hover{color:#42B4DA; text-decoration:underline;background: none !important;}
#maincol a:hover{font-weight:bold; background:none !important;}
.productDetailTable1 a:hover{text-decoration:underline !important; background:none !important;}
.headerLinks, .headerLinks:visited, .headerLinks a:hover{color:#42B4DA; text-decoration:underline;}
.productDetailTable1{padding-right:15px; padding-bottom:30px; padding-left:15px; width:100%; *padding-right:5px; *padding-left:5px; *width:630px}
.productDetailTitleText{ font-size:1.6em; text-indent:15px; padding-top:10px; margin-bottom:20px; color:#fff; }
.sizeChartTitleText{ font-size: 1.4em; color:#fff; margin-bottom:20px; }
.sizeChartTable{border-collapse:collapse}
.sizeChartHeaderTD{ width:50px; text-align:center; font-weight:bold}
.sizeChartHeaderTDSpacer{border-bottom:0px gray solid; margin-left:0px; margin-bottom:0px; margin-right:0px}
.sizeChartHeaderDIVSpacer{border-right:0px white solid; font-size:4px}
.sizeChartTD{border-bottom:1px gray solid; padding-left:1px; padding-bottom:0px; text-align:center}
.sizeChartTDSpacer{border-bottom:1px gray solid; margin-left:0px; margin-bottom:0px; margin-right:0px; width:1px}
.sizeChartDIV{margin-top:2px}
.sizeChartDIVSpacer{border-right:1px gray solid; font-size:4px; margin-right:0px; margin-left:0px}
.sizeChartTDName{border-bottom:1px gray solid}
.helpCenterHeader{font-weight:bold; font-size:14px}
.productDetailTabTable{ padding:0x; border-spacing:0px; border-collapse:collapse; }
.productDetailTabUnfocus{ border-bottom:1px #fff solid; padding:3px; text-align:center}
.productDetailTabFocus{ border-bottom:1px #fff solid; font:bold; padding:3px; text-align:center}
.productDetailTabExtra{ border-bottom:1px #fff solid}
.productDetailTabTextFocus{font-weight:none; font-size:9pt}
.productDetailTabTextUnFocus{font-size:9pt}
.buyBoxTable{ border-top:1px #ccc solid; border-left:1px #ccc solid; border-bottom:1px #ccc solid; border-right:1px #fff solid}
.buyBoxHeaderTD{ text-align:center; padding:3px}
.buyBoxHeaderText{ font-weight:bold; color:#fff; font-size:9pt}
.buyBoxProductNumber{color: #939393;font-size: 11px;}
.cellChanged{background-color:#ccc}
.pricingTable{}
td.pricingHeader{text-align:center; padding:2px; border-right:2px #fff solid; border-bottom:2px #fff solid; width:50px; }
.pricingColorName1{width:100px; text-align:right; border-bottom:2px #fff solid; border-top:2px #fff solid; padding:2px; }
.pricingColorName2{width:100px; text-align:right; border-bottom:2px #fff solid; border-top:2px #fff solid; padding:2px; }
.pricingSwatch1{border-bottom:2px #fff solid; padding:2px; border-top:2px #fff solid; }
.pricingSwatch2{border-bottom:2px #fff solid; padding:2px; border-top:2px #fff solid; }
.pricingPrice1{text-align:right; padding:2px; border-bottom:2px #fff solid; border-right:2px #fff solid; }
.pricingPrice2{text-align:right; padding:2px; border-bottom:2px #fff solid; border-right:2px #fff solid; }
.underlineHeader{border-bottom:2px #fff solid; font-weight:bold}
.underlineHeaderPurple{border-bottom:2px #fff solid; font-weight:bold}
.underlineErrors{border-bottom:2px #f00 solid}
.cartTable{empty-cells:show;}
.cartHeadTR{}
.cartHeadText{color:#fff; font-weight:bold}
.cartTD{border:1px #fff solid}
.cartLineTD{border-bottom:1px #fff solid}
.cartTitleText{font-size:18px; color:#fff; font-weight:bold}
.upsellCartText{font-size:10px}
#page{border-collapse:collapse; margin-left:auto; margin-right:auto; margin-bottom:-95px;}
#breadcrumb{bold; text-align:left; font-size:10pt; margin-left:0px; padding:10px; padding-left:20px}
#menucol{margin-left:0px; text-align:left}
#menucol, .menuTable, .menuTable td{width:100%; padding-left:50px;display:none;}
#prop{width:173px}
#prop1{width:600px}
#menucol h4{width:100%; display:block; height:25px; line-height:25px; margin:0px; padding-top:0px}
.sectionsTD1, .sectionsTable2{padding-top:0px; vertical-align:top}
#maincol{text-align:left; background-repeat:repeat; margin:0px}
#midheader{background:transparent; text-align:left}
#description{padding:20px}
#logo{ width:365px;height:75px; position:relative;left:550px;top:32px;background:transparent !important;}
#shopName{padding-left:20px; padding-top:20px; text-align:center}
.productsTable1 td{width:29%}
.productDetailColorOutOfStock{background-color:#f99 !important; border-color:red !important}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block; margin-bottom:50px}
* html .clearfix{height:1%}
.clearfix{display:block; margin-bottom:0\\px}