Custom Styling - by watcha - on WordPress WooCommerce support

4 replies3 participantsUpdated by Amzy Leel

  • Avatar: watcha
    watcha
    Participant

    Hello,

    Can you please help me to achieve 3 custom stylings as per below?

    #1 Discounted (or final price) in red and strikethrough in other colour for full price

    #2 #2 for products with price from $XXX – $xxx -> the ”-” to be the same color as price

    #3 To remove the topic divider line on footer

    Visual https://prnt.sc/gfdga6

    Your assistance is highly appreciated.

    Thank you.

    4 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    1-2. Please add this code in Theme Options > Styling > Custom css:

    .price del, .price del .amount {
        color: #666666 !important;
    }
    .price, .product-information .price {
        color: #d64545;
    }

    3.

    .footer .widget-title {
        border-bottom: none;
    }

    Regards

    Avatar: watcha
    watcha
    Participant

    Hi Rose,

    Thanks for your help.

    The codes work great however there’s just a minor tweak I need to close the gap between header and text in footer if you can help me with:

    Please refer to here – https://prnt.sc/gff7hv

    Thank you.

    Avatar: watcha
    watcha
    Participant

    It’s fixed. Thank you.

    Avatar: amzy
    Amzy Leel
    Participant

    You are welcome

    Do not hesitate to ask if you have any other question (in a new topic / post)

    Regards,

Want to reply? Log in to reply to this topic. No account yet? Create one first.

Log inCreate account