http://www.kriesi.at/support/topic/how-to-adjust-the-table-on-the-product-page Support Forum - Topic: How to adjust the table on the product page? en-US Thu, 23 May 2013 04:48:32 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/how-to-adjust-the-table-on-the-product-page#post-87039 Sat, 08 Dec 2012 05:00:26 +0000 Ismael 87039@http://www.kriesi.at/support/ <p>Hey,</p> <p>Glad it is fixed.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/how-to-adjust-the-table-on-the-product-page#post-86909 Fri, 07 Dec 2012 07:42:31 +0000 bruwa 86909@http://www.kriesi.at/support/ <p>Hi Peter</p> <p>Great. Thanks.</p> <p>Regards,</p> <p>Bruno </p> http://www.kriesi.at/support/topic/how-to-adjust-the-table-on-the-product-page#post-86894 Fri, 07 Dec 2012 07:04:03 +0000 Dude 86894@http://www.kriesi.at/support/ <p>Hey! </p> <p> Try to add following css code to css/custom.css or the quick css field and adjust the margin-left value as required:</p> <pre><code>.reset_variations { margin-left: 20px; }</code></pre> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/how-to-adjust-the-table-on-the-product-page#post-86840 Thu, 06 Dec 2012 17:55:09 +0000 bruwa 86840@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>That's exactly what I needed! Thanks a lot.</p> <p>*<br /> <strong>Could you please let me know in which file I can find the text "Clear selection" ?</strong> - I need to add some empty space in front of it.<br /> *</p> <p>Best regards,</p> <p>Bruno </p> http://www.kriesi.at/support/topic/how-to-adjust-the-table-on-the-product-page#post-86833 Thu, 06 Dec 2012 17:26:58 +0000 Devin 86833@http://www.kriesi.at/support/ <p>Hi Bruno,</p> <p>It looks like you should be able to just add 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:</p> <pre><code>#top.woocommerce-page form.cart { width: 50%; }</code></pre> <p>That will shrink the whole form container. For the text align, you can use:<br /> <pre><code>#top.woocommerce-page form.cart table td { text-align: left; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/how-to-adjust-the-table-on-the-product-page#post-86782 Thu, 06 Dec 2012 11:00:27 +0000 bruwa 86782@http://www.kriesi.at/support/ <p>Hi,</p> <p>I'm testing with<br /> a) variable product (<a href="http://www.wp.fotowalther.ch/?product=tk-9768-2" rel="nofollow">http://www.wp.fotowalther.ch/?product=tk-9768-2</a>)<br /> b) grouped product with child-products (<a href="http://www.wp.fotowalther.ch/?product=cuba-5463" rel="nofollow">http://www.wp.fotowalther.ch/?product=cuba-5463</a>)</p> <p>Either way: on the product page the table with the variations/child-products spreads over the entire page.<br /> Because I increased the width of the page, the table looks kind of weird (child-products) and not user-friendly (with variations the "Clear selection" should appear much closer to the selection drop-down menu).</p> <p>1) How can I make the table to adjust the width of the columns to the <strong>content</strong> (with some <strong>padding</strong>), rather than to the width of the page ?<br /> 2) How can I change the <strong>alignment</strong> of the content from "centered" to "left" ?</p> <p>Regards,</p> <p>Bruno </p>