View Single Post
  #2  
Old March 18th, 2013, 05:49 PM
sian75 sian75 is offline
 
Join Date: Jun 2012
Posts: 87
Default custom css

This is the code that is in the custom css for this responsive product list:

.awdproduct {
width:180px;
height: 320px;
float:left;
position:relative;
text-align:center;
overflow: hidden;
margin-bottom: 10px;
border:1px solid #eee;
margin-right:5px;
line-height:1em;
}
.awdproduct:hover {
border:1px solid #aaa;
}

.awdproductimage {
width:180px;
height:200px;
}
.awdproductimage img {
max-width:180px;
max-height:200px;
}
.awdsocial {
position:absolute;
top:5px;
left:5px;
}
.awdname {
font-size:10px;
color: #888;
}
.awdproduct a {
color:black;
}
.awdproduct a:hover {
color:black;
}
.awdmerchant {
font-weight:bold;
}
.awdbuybutton {
position:absolute;
bottom:5px;
width:100px;
left:50%;
margin-left:-50px;
}