We are going to change the wrapping box of the footer to make it look like this:
We just have to change the CSS in sytlesheet.css at catalog/view/theme/packttheme/stylesheet/stylesheet.css. Open stylesheet.css and add the following CSS to see the changes:
footer {
margin-top: 0px;
padding-top: 0px;
background-color: #fff;
border-top:none;
color: #fff;
}
footer a {
color:#fff;
}
footer hr {
border-bottom: 1px solid #fff;
}
footer .container {
background-color: #e84e1b;
min-height: 40px;
margin-bottom: 10px;
padding: 20px 20px 20px 20px;
overflow: hidden;
border: 1px solid #fff;
box-shadow: inset 0px 0px 45px pink;
-webkit-box-shadow: inset 0px 0px 15px pink;
-moz-box-shadow: inset 0px 0px 15px pink;
border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
clear: both;
}The <footer> tag defines a footer for a document or section. We override the...