Change "OUr Price" format

Hello,

On this page http://ie-proofs.com/domo-online.com/Outboard-Motor-Oil/mercury-c-3/optimax-c-3_9/

I need to change the font that is in the far right, the entire line that says

Our Price:$79.99

I need to make that-and only that large and red. When I try to edit the font thought it adjust the font size of too much stuff. How can I make only that one specific area bigger without affecting everything else?

Add to /includes/templates/modern_blue/css/stylesheet.css:

.sprice {
  color: red;
  font-size: 14px; /* or whatever font-size you want */
}

Thank you, I tried that.

Spice is also controlling the size of this "our price". The client wants it to be HUGE as it is here http://ie-proofs.com/domo-online.com/Outboard-Motor-Oil/mercury-c-3/optimax-c-3_9/3-gallons-mercury-optimax-oil-2666-gallons-p-12.html

But on this page I need it (far right) to be red but only 20 PT ---but not affect everything else at the same time. I think I need to use inline style but not sure where or how http://ie-proofs.com/domo-online.com/Outboard-Motor-Oil/mercury-c-3/optimax-c-3_9/

thanks

This should only affect that page, but you won't be able to get it that large without the text wrapping, due to the width of that element. #productListing .sprice {font-size: 3em; color: #ff0000;}

timhersh:

Spice is also controlling the size of this "our price". The client wants it to be HUGE as it is here http://ie-proofs.com/domo-online.com/Outboard-Motor-Oil/mercury-c-3/optimax-c-3_9/3-gallons-mercury-optimax-oil-2666-gallons-p-12.html
It looks like you've already modified /includes/functions/functions_prices.php to change the name of the "sprice" span, so you could go a bit further in your modification of the function zen_get_products_display_price. I'm not sure which price (sale or discount) you're using for "Our price", but you could re-code that/those code fragments from the format:

'<span class="sprice">' .  OUR_PRICE_DEFINE_NAME . $currencies->display_price( ... ) . '</span>'

to

OUR_PRICE_DEFINE_NAME .  '<span class="sprice">' .  $currencies->display_price( ... ) . '</span>'

That moves the "Our price:" text outside of the span, so that the BIG RED TEXT will only apply to the amount, not the text.

stevesh:

This should only affect that page, but you won't be able to get it that large without the text wrapping, due to the width of that element. #productListing .sprice {font-size: 3em; color: #ff0000;}

BINGO, thanks. Worked perfect.

Thank you also lat9, would like both parts big though

thanks