Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 18, 2016 at 5:57 pm #714122
    cipriana

    Hi guys, I have several products on home page and one with an offer. The normal price is crossed out, but the line that marks it appears very weak. I need to make that line stronger, so it´s clear that price no longer exists.
    I have modified my style.css in child theme to change the price color this way
    #top .main_color .onsale { background-color: #f1cd07; }
    del .amount { color: #424242; }
    ins .amount { color: #089df2; }

    but need to know how to make the dash that crosses out the price stronger and the same color as the price.

    I show you a screenshot of what I mean and a link to the home page.

    Thanks!

    November 18, 2016 at 7:51 pm #714156
    Yigit

    Hey cipriana!

    Please flush browser cache and refresh your page a few times. It does look fine on my end :)

    Best regards,
    Yigit

    November 18, 2016 at 7:59 pm #714160
    cipriana

    I see it better now but the dash is not the same color as the number, as you can see in my screenshot. In Chrome.
    Second screenshot is from Firefox.

    Thanks

    • This reply was modified 8 years, 1 month ago by cipriana.
    November 22, 2016 at 4:34 pm #715397
    Andy

    Hi,

    try to use this code:

    del {
color: red !important;
}

    and adjust color as needed.

    Best regards,
    Andy

    November 22, 2016 at 4:41 pm #715401
    cipriana

    thank you very much!

    November 22, 2016 at 8:47 pm #715563
    Nikko

    Hey!

    Glad it’s fixed :)

    Cheers!
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Make cossed out price more clear’ is closed to new replies.