different background for checkout page

12/05/2011 4:13 pm | #1 studio366170

Hi, I am customizing my powerstore and would like to make the background and midground for the checkout.php page different to the others.

What file/s do I need to go into to do this, I have tried several but am having no success.

Thanks

12/06/2011 7:33 am | #2 Jason ByrnesWebAssist

background colors are controlled through your sites CSS.

to change the background for the entire checkout page, edit the body tag on the checkout page:

<body style="background-color:#c3c3c3;">

12/06/2011 1:24 pm | #3 studio366170

Thanks, yes I had sorted that one out but what I would like to do is change the 'midground' ie the central info area background..... how do I do that for the checkout page as I can't seem to get it to work.....

12/07/2011 7:25 am | #4 Jason ByrnesWebAssist

can you post a link to your site, the change to make will depend on the site design you are using.

I recommend downloading the firebug extension for fire fox, it will allow you to select elements of your page, and see the css that is controlling that element, it will also allow to make changes to the css in the browser and see the effects in real time, it makes experimenting with design changes much easier.

12/07/2011 2:33 pm | #5 studio366170

That's okay, all I need to know is what file to add the midground code to.... css is no problem :)

It is the page that displays when the customer has purchased an item and wants to check out.

Which php file do I add it to? The background of the page remains the same, it is the midground (the part with the rainbow colours attached) I need to change to fit the extra long content of that particular page.

Thanks again,
simone

12/07/2011 2:47 pm | #6 Jason ByrnesWebAssist

this is why i asked for a link.

i cannot tell you what page to edit unless i see your site.

the page to edit will be different depending on the theme you are using in power store.

this is also why i suggested using fir bug, you can use fire bug to help you determine what css file edit, it is the tool i will end up using.

at any rate, i need a link to your site to determine the page that needs to be edited.

12/08/2011 2:41 pm | #7 studio366170

Here it is ... I tried to attach a pic last entry but it didn't work :)

Link
checkout.php
you can see that I need to extend the midground down so that it is behind the extra info that page has on it.... the existing one is perfect for all other pages.

Thanks!

12/09/2011 6:54 am | #8 Jason ByrnesWebAssist

the problem is that you are using an image for the background, and the image has a height of 1389px. You cant stretch the image height, and using the repeat option would not look that good.

you will need to create another background image that has the height you need to cover the entire checkout form. upload it to the same folder as the existing midground.gif. then on the checkout page add the following style just before the closing </head> tag:

<style type="text/css">
#page {
background-image: url("../images/checkout-midground.gif");
background-repeat: no-repeat;
}
</style>

1/19/2012 6:41 pm | #10 studio366170

Me again... I added the code you recommended to the checkout.php page and also the revised graphic to the folder, but it is still not working, not trying to read the new graphic at all.

Have I added

<style type="text/css">
#page {
background-image: url("images/checkout-midground.gif");
background-repeat: no-repeat;
}
</style>

to the right document?

Thanks in advance!

Email me with all replies to this thread

Title:

Public Message: (viewable by anyone reading this thread)
(do not cut and paste code into this field unless necessary, attach copies of your pages so they can be opened in Dreamweaver for debugging)

Quote message in reply?

Private Message: (viewable only by you, the person you are replying to, and WebAssist employees)
(only put truly private information in this area such as ftp details and phone numbers. Keep as much of your post public as possible)

These attachments are private (viewable only by you, the person you are replying to, and WebAssist employees)

Manage Attachments

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

different background for checkout page

12/05/2011 4:13 pm | #1 studio366170