What I'm trying to do is change the background color of the "Bestsellers" header (not the entire box) which is called "arrow-box.jpg" to red. I was able to successfully change the graphic to the desired color. I discovered through reading the forum that to change an individual box I would need to add it into the stylesheet which I did. I added the following:
.boxbs {
margin-bottom: 10px;
}
.boxbs .top {
padding: 12px 10px 12px 55px ;
color: #fff;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
background:#e1e9ce url('../image/arrow-box-bs.jpg') top left no-repeat ;
border-bottom:1px solid #fff;
}
.boxbs .top img {
display:none;
}
.boxbs .middle {
background: #fbfff6 url('../image/boxbg.jpg') bottom repeat-x ;
padding: 10px;
}
.boxbs .bottom {
height: 10px;
background: url('../image/box-bot.jpg') top no-repeat ;
}
My problem is I don't know how to link the change to the desired "Bestseller" box so that my change will show up on my storefront page. I realize I'm missing something like a code of some sort to "point" to the desired location. I just don't know what code or where to make the change. I would appreciate any help you can give me. If this has been addressed before, my apologies but I have been unable to locate the solution either!
Thank you for taking the time to help me!
