3 {{ upvoteCount | shortNum }}
3 {{ upvoteCount | shortNum }}

Woocommerce plugin: Need to change colors?

by DoubleOhDave
2 replies
  • WEB DESIGN
    • |
Anyone able to help me figure out how to change the color of the price tags here: PLR | PLReloaded Products | PLR ?
I have searched and found advice on editing custom.css - but can't find that anywhere, and on editing "ul.products li.product{" in the style.css, but that's not in the style.css ..
I only have a basic knowledge (minimal) of this kind of stuff so I am really stuck now :confused:
#change #colors #plugin #woocommerce
  • Profile picture of the author project1010
    Its Possibe what color you want to change on Price Tag ..
    {{ DiscussionBoard.errors[8802635].message }}
  • Profile picture of the author Gary77
    Originally Posted by DoubleOhDave View Post

    Anyone able to help me figure out how to change the color of the price tags here: PLR | PLReloaded Products | PLR ?
    I have searched and found advice on editing custom.css - but can't find that anywhere, and on editing "ul.products li.product{" in the style.css, but that's not in the style.css ..
    I only have a basic knowledge (minimal) of this kind of stuff so I am really stuck now :confused:
    Hi David, the price tags are actually background images in the css and not defined by a color hex value. So if you have photoshop you can change the image color (using the hue and saturation filters). Just go to your browser cache folder to find them and save them locally.

    So the left part of the tag is (style.css):

    .product span.tag > span, #items .item-content span.tag > span { display: block; background: url(images/scroller-item-tag.png) no-repeat; padding-left: 9px; height:36px; padding-top: 9px; }

    The right side has the pricing color (color: #ede7c2):

    .product span.tag, #items .item-content span.tag { color: #ede7c2; font-size: 22px; position: absolute; left: -15px; display: block; background: url(images/scroller-item-tag.png) no-repeat bottom right; padding-right: 11px; text-shadow: 1px 1px 1px #131212; }

    You can see and find what to change by using chrome's developer tool in the options or use firebug in firefox. I hope this helps.
    Signature
    The Easiest Money You’ll Ever Make Online...Inside Secrets Explained Here
    {{ DiscussionBoard.errors[8804185].message }}

Trending Topics