Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 13, 2021 at 1:24 pm #1294105
    Moescube

    I want to remove the dot between the old and new price.
    Is there any css to do so?

    Also I would like to know, how to change the fontsize only of the new price, to make it bigger.

    The curreny stands before the price itself. How can I switch it to appear after the price number with a small space.

    April 14, 2021 at 9:38 am #1294292
    Nikko

    Hi Moescube,

    For the dot, please add this CSS Code in Enfold > General Styling > Quick CSS:

    #top #wrap_all ins:before {
    display: none;
}

    For the new price, please add this CSS code:

    #top .price ins .amount {
    font-size: 30px;
}<pre><code>

    Just adjust the font size (default is 20px)

    As for the position of the currency, please try this CSS code:

    #top .price .amount bdi {
    position: relative;
    padding-left: 22px;
}

#top .price .amount .woocommerce-Price-currencySymbol {
    position: absolute;
    left: 0;
}
    

Best regards,
Nikko
    April 14, 2021 at 11:39 am #1294355
    Moescube

    Thank you, works fine!

    April 14, 2021 at 12:35 pm #1294365
    Nikko

    Hi Moescube,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How to remove the Dot between old and new Price’ is closed to new replies.