close ad
Help us test the new Databridge BETA with MySQLi support
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

PowerStore 3 and featured pod background images

Thread began 2/14/2010 3:02 pm by gw311682 | Last modified 2/16/2010 1:13 pm by gw311682 | 706 views | 3 replies

gw311682

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

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...