Custom Styling - by watcha - on WordPress WooCommerce support

This topic has 5 replies, 3 voices, and was last updated 6 years, 7 months ago ago by Amzy Leel

  • Avatar: watcha
    watcha
    Participant
    August 31, 2017 at 13:51

    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
    August 31, 2017 at 15:07

    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
    August 31, 2017 at 15:44

    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
    September 1, 2017 at 06:51

    It’s fixed. Thank you.

    Avatar: amzy
    Amzy Leel
    Participant
    September 1, 2017 at 07:00

    You are welcome

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

    Regards,

  • Viewing 5 results - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.