PowerStore 3 and featured pod background images
Hello Andre and many thanks for your reply.
Unfortunately, I think you must have misunderstood what I was trying to do. That is change the dark blue background behind the white text (‘Featured Product’, ‘About Our Store’ and ‘Most Popular’) in the ‘featured item’ pods. In PS2 this was controlled by a small gif called ‘featuredBox_bg.png. This was w7px X h37px and, unsurprisingly, dark blue. Change this gif, and the background changed.
In PS3, the gif in the following code in admin.css would appear to be the same:
.featurePod .box {
width: 325px;
background-color: #eeeeee;
border: solid 1px #8c8e94;
margin-right: 4px;
background-image: url("../Images/featuredBox_bg.gif");
background-repeat: repeat-x;
overflow: hidden;
}
However, changing this gif has no effect on the dark blue background to the text at all. Your suggestion about the firebug plug-in helped though. When I now looked at the page in Firefox, I noticed a class called .messageBar. When I checked this out in the home.css code, it became clear that this sets the text background colour to dark blue, as you’ll see from the following code:
.messageBar {
height:37px;
background-color:#06245c;
}
So, all I did was alter the code to the following and managed to achieve the background I wanted...
.messageBar {
height:37px;
background-image: url("../Images/featuredBox_bg-blue.png");
background-repeat: repeat-x;
}
Whether this is the right way to do it or not, I don’t know. Maybe someone from WebAssist will check this anomaly out and let me know if it’s OK to change the background in this manner.
Your help, Andre, was invaluable though as your suggestions forced me to be more curious - many thanks,
Geoff