ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• June 29, 2016 at 9:52 pm #278235
  huntingensemble

  Member

  Post count: 318

  Hey Guys,

  How do I put the regular price beside the original price on a category page? It is now displayed beneath.

  Thank!
  Joost

  June 30, 2016 at 11:43 am #278351
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Can you explain further with a mockup image?
  And if you can also share an category page url it would help.

  -Rui

  June 30, 2016 at 6:58 pm #278494
  huntingensemble

  Member

  Post count: 318

  This reply has been marked as private.
  June 30, 2016 at 7:00 pm #278495
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Add the code below to your custom css option.

  .woocommerce ul.products li.product .price del {
      width: 25%;
      float: left;
  }

  -Rui

  July 11, 2016 at 1:26 pm #280462
  huntingensemble

  Member

  Post count: 318

  Hey Rui,

  Thanks this works but now the sale price is a bit far positionated from the regular price (large gap).
  If I decrease the width it looks better but then I get trouble with expensive products (because there are more digits) .

  Any idea?
  Joost

  July 11, 2016 at 2:28 pm #280483
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Much simpler way, use this css:

  .woocommerce ul.products li.product .price del {
    display: inline-block;
  }

  – Kyle

  July 11, 2016 at 4:14 pm #280515
  huntingensemble

  Member

  Post count: 318

  Thanks fixed!

  July 11, 2016 at 4:25 pm #280520
  David Martin – Support

  Moderator

  Post count: 20834

  Thanks Kyle!

• Back to forum

  Posted in: Atelier