Zen Cart Logo
Forums / General Questions / Changing the Checkout_Success Font Size

Changing the Checkout_Success Font Size

Views: 587

Results 1 to 4 of 4
8 Jan 2012, 2:41 AM
#1
cousinschar avatar

cousinschar

New Zenner

Join Date:
Dec 2011
Posts:
25
Plugin Contributions:
0

Changing the Checkout_Success Font Size

Hi,

I would like to cofigure my checkout success page so that the Order number and the logoff and other information is at a larger font size.

I see where the wording is identified, but not the font size.

Can anyone point me in the right direction?

Zen Cart 1.3.9h
Database Patch Level: 1.3.9h
https://www.buddhamouse.com/store

8 Jan 2012, 2:15 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Changing the Checkout_Success Font Size

You can add the ids** #checkoutSuccessMainContent** and #checkoutSuccessLogoff to your stylesheet and change the font size there.

9 Jan 2012, 5:25 PM
#3
cousinschar avatar

cousinschar

New Zenner

Join Date:
Dec 2011
Posts:
25
Plugin Contributions:
0

Re: Changing the Checkout_Success Font Size

Hi Stevish,

I added the code and it only changed a portion of the font. The order number and the "You can view your order history..." font is still too small...

How do I change those?

Thanks!
Charlotte

9 Jan 2012, 5:35 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Changing the Checkout_Success Font Size

#checkoutSuccessOrderNumber

#checkoutSuccessOrderLink

For future reference, install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

(If you're using Firefox 4-9, you'll need to remap the editor shortcut, since Firefox has appropriated Ctrl-Shift-E for an internal function - I use Ctrl-Shift-Q.)