Return to previous page

Custom Styling - by watcha - on WordPress WooCommerce support

This topic has 5 replies, 3 voices, and was last updated 7 years, 3 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.

    #171252 Copied Theme version: Electronics WooCommerce version: 3.1.2
    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

    #171262 Copied
    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.

    #171270 Copied
    Avatar: watcha
    watcha
    Participant
    September 1, 2017 at 06:51

    It’s fixed. Thank you.

    #171305 Copied
    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,

    #171308 Copied
  • Viewing 5 results - 1 through 5 (of 5 total)

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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Watches Store – WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Architecture Studio – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Plants Store– WordPress WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme

See All Templates

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