Change size and colour of text

Hi

I have a lot of people go through checkout but then think they are finished before they click 'Confirm Order'.

I would like to make the text at the top of my order confirmation page larger and a different colour.

Is someone able to help me with the code below and show me what I have to put in it to make the words 'PLEASE REVIEW AND CONFIRM YOUR ORDER' bigger and a different colour?

Thanks

Amy

<?php
define('ORDER_STEPS_IMAGE', 'arrow_checkout.gif');
define('ORDER_STEPS_IMAGE_HEIGHT', '24');
define('ORDER_STEPS_IMAGE_WIDTH', '24');
define('ORDER_STEPS_IMAGE_ALT', 'Checkout Arrow');

define('TEXT_ORDER_STEPS_1', 'Shipping Method');
define('TEXT_ORDER_STEPS_2', 'Payment Method');
define('TEXT_ORDER_STEPS_3', 'Review Order');
define('TEXT_ORDER_STEPS_4', 'Order Complete');

define('ORDER_REVIEW', '<h4 class="confirm">PLEASE REVIEW & CONFIRM YOUR ORDER</h4>');

amyleew:

Hi

I have a lot of people go through checkout but then think they are finished before they click 'Confirm Order'.

I would like to make the text at the top of my order confirmation page larger and a different colour.

Is someone able to help me with the code below and show me what I have to put in it to make the words 'PLEASE REVIEW AND CONFIRM YOUR ORDER' bigger and a different colour?

Thanks

Amy

<?php
define('ORDER_STEPS_IMAGE', 'arrow_checkout.gif');
define('ORDER_STEPS_IMAGE_HEIGHT', '24');
define('ORDER_STEPS_IMAGE_WIDTH', '24');
define('ORDER_STEPS_IMAGE_ALT', 'Checkout Arrow');

define('TEXT_ORDER_STEPS_1', 'Shipping Method');
define('TEXT_ORDER_STEPS_2', 'Payment Method');
define('TEXT_ORDER_STEPS_3', 'Review Order');
define('TEXT_ORDER_STEPS_4', 'Order Complete');

define('ORDER_REVIEW', '<h4 class="confirm">PLEASE REVIEW & CONFIRM YOUR ORDER</h4>');

Just edit the stylesheet.css

Find H4 and you will see this:
h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger

delete h4, from above and add this below

h4 {font-color: red;font-size: 1.6em;}

the stylesheet.css will look like this now:

h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
font-size: 1.1em;
}

h4 {color: #FF0000;
font-size: 1.6em;
}

Will that change it for text on any other pages? I only want to change that one line.

Yes, if it using the h4

Try this:
define('ORDER_REVIEW', '<h4 class="confirm">PLEASE REVIEW & CONFIRM YOUR ORDER</h4>');

Change the h4 to h7, then edit the stylesheet to match