Home /
Expert System /
PerfectWhite /
How to get footer menu links - v2

How to get footer menu links - v2

Static block

Open footer_links static block in (CMS--> Static blocks)

Add the following code to the start of the static block.

<div class="links_block clearfix">
<div class="clearfix"><div class="title">Company Information</div> 
<ul>
<li><a href="/about-us">About Us</a></li>
<li><a href="/customer-service">Our Store Hours</a></li>
<li><a href="/customer-service">Directions</a></li>
<li><a href="/customer-service">Legal Information</a></li>
<li><a href="/customer-service">Privacy Policy</a></li>
<li class="last privacy"><a href="/privacy-policy-cookie-restriction-mode">Privacy Policy +</a></li>
</ul>
</div>
<div><div class="title">Customer Service</div> 
<ul>
<li><a href="/customer-service">Ordering Information</a></li>
<li><a href="/customer-service">Delivery &amp; Rates</a></li>
<li><a href="/customer-service">Cancellations &amp; Returns</a></li>
<li><a href="/customer-service">School &amp; Government</a></li>
<li><a href="/customer-service">Contact Us</a></li>
</ul>
</div>
<div class="last"><div class="title">Useful Tips and Information</div> 
<ul>
<li><a href="/customer-service">Product Measurements</a></li>
<li><a href="/testimonials">Customer Testimonials</a></li>
<li><a href="/customer-service">Our Blog</a></li>
<li><a href="/catalog/seo_sitemap/category/">Site Map</a></li>
</ul>
</div>
</div>

CSS

Open /YourMagentoDir/skin/frontend/default/YourSkin/css/skin.css and add the following code to the end of skin.css file.

/*footer block*/
.footer .links_block {
    clear: both;
    margin-bottom: 30px;
    background: url(../images/footer_links_dots.gif) repeat-y 0% 0%;
}
.footer .links_block div {
    float: left;
    width: 220px;
    margin-right: 118px;
}
.footer .links_block div.last {
    margin-right: 0;
    margin-left: 0px;
}
.footer .links_block div.title {
    display: block;
    color: #000 !important;
    font-family: "Ubuntu Condensed", Century Gothic, Arial, sans-serif;
    font-size: 16px;
    text-align: left;
    text-transform: none;
    text-decoration: none;
	 margin-bottom: 5px;
}
.footer .links_block div ul {
    display: block;
}
.footer .links_block div ul li {
    display: block;
    text-align: left;
	 float: none;
	 margin-bottom: 5px;
}
.footer .links_block div ul li a:link, .footer .links_block div ul li a:visited {
    color: #2f3135;
    font: normal 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.footer .links_block div ul li a:hover {
	color: #000 !important;
}

Go to contents Back to previous page

Share on Facebook google icon

Share on Google

Twitter