New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Price colors on the individual Product page

Viewing 15 posts - 1 through 15 (of 17 total)
1 2
  • Back to forum
    Posted in: Neighborhood
  • January 13, 2016 at 7:44 pm #240145
    geomatani
    Member
    Post count: 129

    Need help on this one more time.

    All price colors are showing fine, except on the individual Product page.
    Sale prices are fine on individual product pages, Black is strike-through with Red Sale Price, but Regular price item still shows as RED. I need Black for Regular price item

    here is my Current custom CSS that I have. This is fine for Home page and Sale price product. I dot want to break this, but need to fix only Regular price item to black. See attached

    .woocommerce div.product p.price del, .woocommerce div.product span.price del {
    color: #000 !important;
    }

    .woocommerce ul.products li.product .price {
    color: #000 !important;
    }

    .woocommerce div.product span.price, .woocommerce div.product p.price {
    color: #000;
    }

    ins > span.amount{
    color: #D33 !important;

    .home span.amount{
    color:#000 !important;
    }

    del > span.amount{
    color:#000 !important;
    }

    Attachments:
    You must be logged in to view attached files.
    January 13, 2016 at 8:04 pm #240150
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    You have this in your custom css: 

    
ins > span.amount{
color: #D33 !important;

    Which is making that price red. Also you need to add a closing tag }

    – Kyle

    January 13, 2016 at 8:12 pm #240151
    geomatani
    Member
    Post count: 129
    This reply has been marked as private.
    January 13, 2016 at 8:22 pm #240159
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Like I said, you have

    ins > span.amount{
color: #D33 !important;
}

    in your custom css, which is making the price red, you should change that to:

    ins > span.amount{
color: #111 !important;
}

    – Kyle

    January 13, 2016 at 8:41 pm #240171
    geomatani
    Member
    Post count: 129
    This reply has been marked as private.
    January 13, 2016 at 9:06 pm #240180
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    The sale price (not the one crossed out) you want black right?

    – Kyle

    January 13, 2016 at 9:15 pm #240184
    geomatani
    Member
    Post count: 129

    If the product is on sale, i want “Black” price scratched out with “Red” sale price, which was working fine and now its not for some reason.

    the issue was with the regular price items. on home page regular prices are Black, which is good, but on individual product page its red, so I needed to change this to “black”.

    hope this makes sence.

    Also, just noticed that in Firefox browser page doensot load all the way, but its fine in Chrome!

    please confirm!

    January 13, 2016 at 9:18 pm #240186
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Add !important to this rule in your css:

    .woocommerce div.product span.price, .woocommerce div.product p.price {
  color: #000!important;
}

    Home page loading fine for me in Friefox

    – Kyle

    January 13, 2016 at 9:48 pm #240199
    geomatani
    Member
    Post count: 129

    I added the !important; but still not working as intended.

    Should I move any CSS line up or down, on top of other rules? does it matter?

    January 13, 2016 at 9:50 pm #240201
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Are you using a cache plugin? In your source code it shows the !important, but when I inspect with firebug it does not, so seems to be some caching going on

    – Kyle

    January 13, 2016 at 9:51 pm #240202
    geomatani
    Member
    Post count: 129

    no, I dont have any Cache plugin installed

    January 13, 2016 at 9:58 pm #240205
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Ahh, it’s just the browser cache. I cleared mine and now the price is black

    – Kyle

    January 13, 2016 at 10:00 pm #240206
    geomatani
    Member
    Post count: 129

    Ok, i fixed the Individual product page to black.
    Not sure if this was an issue, but i removed the extra semicolon before !importnat.

    Now, i have to fix red price on home page. If the product is on sale, i want “Black” price scratched out with “Red” sale price on home page.

    This is not ending….sorry Kyle

    January 13, 2016 at 10:04 pm #240207
    geomatani
    Member
    Post count: 129

    this is what I have so far:

    /* Custom css for sale Price colors for BLK */
    .woocommerce div.product p.price del, .woocommerce div.product span.price del {
    color: #000 !important;
    }

    /* Custom css for sale Price colors */
    .woocommerce ul.products li.product .price {
    color: #000 !important;
    }

    .woocommerce div.product span.price, .woocommerce div.product p.price {
    color: #000 !important;
    }

    ins > span.amount{
    color: #d33 !important;
    }

    .home span.amount{
    color:#000 !important;
    }

    del > span.amount{
    color:#000 !important;
    }

    January 13, 2016 at 10:18 pm #240209
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    In your custom css you have: 

    .home span.amount{
color:#000 !important;
}

    Causing the sale price to be black instead of red, remove that

    – Kyle

  • Back to forum
    Posted in: Neighborhood
Viewing 15 posts - 1 through 15 (of 17 total)
1 2

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register