Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • November 28, 2016 at 9:47 pm #717984
    cipriana

    Hi, I have an offer with a former price and a new one on home. It´s a woocommerce product.
    I would like to make the dashed price smaller.
    Where can I edit that css? I attach an image.

    thanks!!!

    November 28, 2016 at 10:11 pm #717994
    Yigit

    Hi cipriana!

    Please add following code to Quick CSS 

    del .amount {
    font-size: 12px!important;
}

    Best regards,
    Yigit

    November 29, 2016 at 11:34 am #718175
    cipriana

    Hi, this only reduces the amount, but not the € symbol.
    I attach an image.

    How can I include the symbol?

    Thanks!

    November 29, 2016 at 3:30 pm #718277
    Yigit

    Hi,

    Please try changing the code to following one

    .woocommerce del * {
    font-size: 12px!important;
}

    Best regards,
    Yigit

    November 29, 2016 at 6:04 pm #718419
    cipriana

    Hi, no, nothing happens.

    November 29, 2016 at 8:09 pm #718473
    Yigit

    Hi,

    Can you please post the link to your page where we can see your former prices?

    Best regards,
    Yigit

    November 29, 2016 at 8:10 pm #718475
    cipriana

    Yes, of course

    November 29, 2016 at 8:12 pm #718477
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .product del span {
    font-size: 16px!important;
}

    Best regards,
    Yigit

    November 29, 2016 at 8:14 pm #718480
    cipriana

    Now yes! thanks!

    November 29, 2016 at 8:15 pm #718483
    Yigit

    Hey!

    You are welcome!
    Let us know if you have any other questions! :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Make former price smaller’ is closed to new replies.