http://www.kriesi.at/support/topic/changes-to-woocommerce-product-detail-page Support Forum - Topic: Changes to WooCommerce product detail page en-US Sun, 26 May 2013 05:25:00 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/changes-to-woocommerce-product-detail-page#post-88351 Sat, 15 Dec 2012 16:28:10 +0000 bruwa 88351@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>the first suggestion worked right away.</p> <p>Thanks.</p> <p>Bruno </p> http://www.kriesi.at/support/topic/changes-to-woocommerce-product-detail-page#post-88281 Sat, 15 Dec 2012 05:53:03 +0000 Ismael 88281@http://www.kriesi.at/support/ <p>Hi Bruno,</p> <p>Try this code instead:<br /> <pre><code>.attributes_tab { display: none; }</code></pre> <p>or<br /> <pre><code>.attributes_tab { display: none !important; }</code></pre> <p>Hope this helps. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/changes-to-woocommerce-product-detail-page#post-88231 Fri, 14 Dec 2012 18:33:20 +0000 bruwa 88231@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>Great - Thanks!</p> <p>After adding your codes to the quick css the tab "Additional information" is here again.</p> <p>Is there a CSS code that would hide "Additional Information" (otherwise I would delete it from the file).</p> <p>(I tried<br /> .woocommerce_tabs #tab-attributes {<br /> display: none !important;<br /> }</p> <p>but it did not work.</p> <p>Regards,</p> <p>Bruno </p> http://www.kriesi.at/support/topic/changes-to-woocommerce-product-detail-page#post-88225 Fri, 14 Dec 2012 17:37:48 +0000 Devin 88225@http://www.kriesi.at/support/ <p>Hi Bruno,</p> <p>Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:<br /> <pre><code>#top.single-product .sub_menu a { color: #fff; } #top.single-product .variations td { color: #fff; } #top.single-product select { color: #fff; } .reset_variations { color: #fff; } #top .price, div .stock { color: #fff; } #top.single-product .entry-content { width: auto; } #top div div.product .woocommerce_tabs ul.tabs li.active a { background: #636466; color: #fff; } .woocommerce_tabs p { color: #fff; }</code></pre> <p>For updates like these where you are customizing individual bits, I'd suggest taking a look at either Firebug for Firefox or the Inspect Element fuctions in Chrome or Safari. That way you can pick out the individual bits of css that need to be modified and just add them to your quick css or custom.css.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/changes-to-woocommerce-product-detail-page#post-88058 Thu, 13 Dec 2012 17:05:54 +0000 bruwa 88058@http://www.kriesi.at/support/ <p>Hi,</p> <p>would you mind having a look at this page: <a href="http://www.wp2.fotowalther.ch/?product=1191#" rel="nofollow">http://www.wp2.fotowalther.ch/?product=1191#</a>!prettyPhoto</p> <p>The fundamental tweaks I applied are:<br /> <strong>Flashlight Styles:</strong><br /> - dark-skin.css<br /> - Primary Color: #000000<br /> - Font Color on colored background: #ffffff</p> <p><strong>custom.css:</strong><br /> .content .box {<br /> min-width: 990px;<br /> width: 990px;<br /> }</p> <p>.box, .blog-meta, .return_content, .arrowslidecontrolls_fullscreen, .hide_content_wrap a, .img_count, .slide_thumbnails, .widget {<br /> background: #636466;<br /> }</p> <p>#top .main_menu .menu ul {<br /> background: #636466;<br /> }</p> <p>How can I make<br /> 1) Links on top of the page "My Account | Shopping Cart | Checkout" in solid white (#ffffff)<br /> 2) "woocommerce-page form.cart" with bg color #636466 and a <strong>border</strong> (format and color the same as the "Description" tab on the bottom of the page)<br /> 3) "woocommerce-page form.cart" text "<strong>Product options</strong>" and <strong>variations</strong> in the drop-down menu to be #ffffff (instead of grayisch) and the text "<strong>Clear selection</strong> to be #ffffff (instead of black)?</p> <p>If I set the Flashlight styles: Primary Color to #ffffff, the "Add to cart" button turns white (it want it black).<br /> <strong>The boxes/tabs should show #ffffff text on #636466 background with dark border</strong></p> <p>4) <strong>Product price</strong> is yellowish - I want it to be #ffffff (I don't see any yellow color setting, neither in Flashlight, nor in WooCommerce)</p> <p>5) What happened to the right and lower border of the description tab? How can I align it to the upper border?</p> <p>6) How can I make the text (product description) in the "Description" tab to be #ffffff instead of grayish?</p> <p>Thanks for helping!</p> <p>Bruno </p>