Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #21316

    Hi,

    i am totally new to WP and came across this beautiful template – wow, cannot tell why i hesitated to switch some projects from joomla to WP.

    So, got everything in place with a photograpers site, but woocommerce colors driving me crazy: i want exactly the colors from http://www.kriesi.at/themes/flashlight/shop/donec-quam/ for the Description, Additional Information and Reviews reviews tabs, but there is no effect, no matter what i change, it remains http://oana.muze1.de/shop/advertisment/bild-nr-3/.

    first time ever firebug is not that much of help ;-)

    Keep up this great work!

    Regards Sebastian.

    #111335

    I also noticed these problems using the dark skin in the new v2.1 update and added some CSS to the custom.css

    #top div.product .woocommerce-tabs .panel {
    border-color: -moz-use-text-color #333333 #333333!important;

    }
    #top div.product .woocommerce-tabs ul.tabs {
    background: none repeat scroll 0 0 #333333!important;
    border-color: #333333 #333333 -moz-use-text-color!important;
    display: block!important;
    }
    #top div.product .woocommerce-tabs ul.tabs li.active a {
    background: none repeat scroll 0 0 #111111!important;
    color: #888888!important;
    }

    That will style them dark instead of white

    #111336

    Hey!

    Thank you xGSTQ for providing the code and helping us out :)

    Best regards,

    Peter

    #111337

    Actually it still needs looking at a little, looks fantastic in Firefox, crap in Chrome still ;)

    http://www.jamespictures.co.uk/product/peak-district-photography/famous-gate/

    Ill try again, but its testing me

    #111338

    Hey!

    Yes, afaik -moz-use-text-color is not supported by all browsers and it’s deprecated. I’d rather use: currentcolor – compare http://stackoverflow.com/questions/2283010/what-is-moz-use-text-color and http://css-tricks.com/currentcolor/

    Best regards,

    Peter

    #111339

    It was actually easier than I thought,

    This code works cross browser, I just removed the -moz-use-text-color all together

    #top div.product .woocommerce-tabs .panel {
    border-color:#333;
    }
    #top div.product .woocommerce-tabs ul.tabs {
    background: none repeat scroll 0 0 #333333!important;
    border-color:#333;
    display: block!important;
    }
    #top div.product .woocommerce-tabs ul.tabs li.active a {
    background: none repeat scroll 0 0 #111111!important;
    color: #888888!important;
    }

    #111340

    Hi,

    Glad it is fixed.

    Regards,

    Ismael

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Dark Skin features for Woocommerce product’ is closed to new replies.