Results 1 to 6 of 6
  1. #1
    Join Date
    Aug 2008
    Posts
    274
    Plugin Contributions
    0

    Default Change "OUr Price" format

    Hello,

    On this page http://ie-proofs.com/domo-online.com...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?

  2. #2
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    13,872
    Plugin Contributions
    96

    Default Re: Change "OUr Price" format

    Add to /includes/templates/modern_blue/css/stylesheet.css:
    Code:
    .sprice {
      color: red;
      font-size: 14px; /* or whatever font-size you want */
    }

  3. #3
    Join Date
    Aug 2008
    Posts
    274
    Plugin Contributions
    0

    Default Re: Change "OUr Price" format

    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...lons-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...optimax-c-3_9/

    thanks

  4. #4
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Change "OUr Price" format

    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;}

  5. #5
    Join Date
    Sep 2009
    Location
    Stuart, FL
    Posts
    13,872
    Plugin Contributions
    96

    Default Re: Change "OUr Price" format

    Quote Originally Posted by timhersh View Post
    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...lons-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:
    Code:
    '<span class="sprice">' .  OUR_PRICE_DEFINE_NAME . $currencies->display_price( ... ) . '</span>'
    to
    Code:
    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.

  6. #6
    Join Date
    Aug 2008
    Posts
    274
    Plugin Contributions
    0

    Default Re: Change "OUr Price" format

    Quote Originally Posted by stevesh View Post
    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

 

 

Similar Threads

  1. Replies: 0
    Last Post: 27 Nov 2011, 06:04 PM
  2. How to change text in "Order Confirmation" and "Welcome to our Store" page?
    By SandraSD in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 15 Mar 2011, 03:59 AM
  3. Can't change the "price" and "Item Name" Link
    By thricelll in forum Templates, Stylesheets, Page Layout
    Replies: 14
    Last Post: 27 Feb 2011, 08:16 AM
  4. "This Product was added to our Catalog" -- change date format?
    By chris32882 in forum General Questions
    Replies: 7
    Last Post: 25 Oct 2008, 12:27 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg