Change Background color on Thank You Page

General ShopSite user discussion

Change Background color on Thank You Page

Postby hammer » Mon May 14, 2012 12:35 pm

Hello,

I need to change the background color on the Thank You Page. Somehow the Thank You Page began using the same background color as the product pages. Problem is the background color is dark blue and you can not read the black type of the receipt.

Where do I edit the Thank you page? In the template? Do I add a new value for include?

All help greatly appreciated.

:?
hammer
 
Posts: 127
Joined: Thu Mar 17, 2011 8:22 am

Re: Change Background color on Thank You Page

Postby Jim » Mon May 14, 2012 12:54 pm

What template are you using for the Shopping cart? Commerce Setup > Order System > Layout info > Shopping Cart Template:

You could also try changing the colors on that same screen and see if that fixes the problem.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Re: Change Background color on Thank You Page

Postby hammer » Mon May 14, 2012 1:21 pm

Hello Jim,

I am using the SC-default template. The challenge is I don't want to change the background color for the order/checkout screens, just the Thank You Screen.

As there does not seem to be a place to edit the lay out info just for the Thank You Screen, I am thinking I may have to create another variable for the template.
hammer
 
Posts: 127
Joined: Thu Mar 17, 2011 8:22 am

Re: Change Background color on Thank You Page

Postby Jim » Mon May 14, 2012 1:34 pm

This line in the sc_default template is probably where you wnat to start looking
[-- INCLUDE sc_thankyou.css PROCESS --] since that will contain the styles that affect theThank You screen.

So go to Merchandising > Custom Templates > Includes and click the Copy ShopSite include button. Select the sc_thankyou.css file from the list and give it the name of sc_thankyou.css1 and save changes to make a copy of the file. Then select the sc_thankyou.css1 file and edit it and set the colors you want in the styles and save changes. The section you will probably want to change is
Code: Select all
body {
  color: #[-- STORE.SC_TextColor --];
  background-color: #[-- STORE.SC_BackgroundColor --];
}

but there may be other things also.

Then select the sc_thankyou.css1 file and click the Copy Include file and give it the name sc_thankyou.css. That file will now override the ShopSite file by the same name and your style colors should be visible on the thankyou screen.
Jim
Site Admin
 
Posts: 4953
Joined: Fri Aug 04, 2006 1:42 pm
Location: Utah

Re: Change Background color on Thank You Page

Postby hammer » Tue May 15, 2012 11:12 am

JIm,

The step by step worked perfectly. I Just inserted the desired RGB value and the Thank You Page now displays perfectly.

The step by step fix was clear and painless! As always, thank you for your help.

:D
hammer
 
Posts: 127
Joined: Thu Mar 17, 2011 8:22 am


Return to User Forum

Who is online

Users browsing this forum: No registered users and 117 guests