http://www.kriesi.at/support/topic/styling-text-for-short-description-on-shop-page Support Forum - Topic: styling text for short description on shop page en-US Sun, 26 May 2013 06:42:28 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/styling-text-for-short-description-on-shop-page#post-81660 Wed, 31 Oct 2012 11:17:25 +0000 Nick 81660@http://www.kriesi.at/support/ <p>Any time Susan. Good luck! </p> http://www.kriesi.at/support/topic/styling-text-for-short-description-on-shop-page#post-81657 Wed, 31 Oct 2012 09:57:12 +0000 susan_ideology 81657@http://www.kriesi.at/support/ <p>many thanks Nick! susan </p> http://www.kriesi.at/support/topic/styling-text-for-short-description-on-shop-page#post-81143 Fri, 26 Oct 2012 08:10:03 +0000 Nick 81143@http://www.kriesi.at/support/ <p>Hi,</p> <p>Please make a backup then open woocommerce-hooks.php file located in the /plugins/woocommerce/ folder and locate lines 107-120 which look like<br /> <pre><code>/** * Product Summary Box * * @see woocommerce_template_single_title() * @see woocommerce_template_single_price() * @see woocommerce_template_single_excerpt() * @see woocommerce_template_single_meta() * @see woocommerce_template_single_sharing() */ add_action( &#39;woocommerce_single_product_summary&#39;, &#39;woocommerce_template_single_title&#39;, 5 ); add_action( &#39;woocommerce_single_product_summary&#39;, &#39;woocommerce_template_single_price&#39;, 10 ); add_action( &#39;woocommerce_single_product_summary&#39;, &#39;woocommerce_template_single_excerpt&#39;, 20 ); add_action( &#39;woocommerce_single_product_summary&#39;, &#39;woocommerce_template_single_meta&#39;, 40 ); add_action( &#39;woocommerce_single_product_summary&#39;, &#39;woocommerce_template_single_sharing&#39;, 50 );</code></pre> <p>and replace the code on those lines with the code below<br /> <pre><code>/** * Product Summary Box * * @see woocommerce_template_single_title() * @see woocommerce_template_single_price() * @see woocommerce_template_single_excerpt() * @see woocommerce_template_single_meta() * @see woocommerce_template_single_sharing() */ add_action( &#39;woocommerce_single_product_summary&#39;, &#39;woocommerce_template_single_title&#39;, 5 ); add_action( &#39;woocommerce_single_product_summary&#39;, &#39;woocommerce_template_single_excerpt&#39;, 10 ); add_action( &#39;woocommerce_single_product_summary&#39;, &#39;woocommerce_template_single_price&#39;, 20 ); add_action( &#39;woocommerce_single_product_summary&#39;, &#39;woocommerce_template_single_meta&#39;, 40 ); add_action( &#39;woocommerce_single_product_summary&#39;, &#39;woocommerce_template_single_sharing&#39;, 50 );</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/styling-text-for-short-description-on-shop-page#post-80871 Wed, 24 Oct 2012 10:55:32 +0000 susan_ideology 80871@http://www.kriesi.at/support/ <p>Hi Nick,I think we have our wires crossed. I just want to move the price underneath the "short description" on the shop overview page. At the moment for each product on the shop overview page there is</p> <p>1. the image<br /> 2. the name of the product<br /> 3. the price<br /> 4. a short description of the product.</p> <p>I want to re-order 3. and 4. </p> <p>I used the term "short description" because this is the way in which I managed to get a few words of text to appear on the shop overview page. I customised one of the woo commerce template files to enable me to use the short description box to achieve this. </p> <p>Sorry if that was confusing. </p> <p>Susan </p> http://www.kriesi.at/support/topic/styling-text-for-short-description-on-shop-page#post-80719 Tue, 23 Oct 2012 07:13:15 +0000 Nick 80719@http://www.kriesi.at/support/ <p>Hi,</p> <p>Would you please be more specific about the destination of the move. I looked here ---&gt; <a href="http://s154267.gridserver.com/shop/howard-carter" rel="nofollow">http://s154267.gridserver.com/shop/howard-carter</a> , and i see nothing that looks short. It would be great if you could take a screen capture and draw a square to indicate your requirements to avoid a misunderstanding.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/styling-text-for-short-description-on-shop-page#post-80614 Mon, 22 Oct 2012 10:10:49 +0000 susan_ideology 80614@http://www.kriesi.at/support/ <p>thanks Ishmal. I just added ul.products to limit it to the catalogue page &lt;p&gt; and it works a treat.</p> <p>There as just the other question I asked Devin in the earlier thread - about moving the price so it is underneath the short description of the product ... I couldn't get the solution he provided me with to work. </p> <p><a href="http://www.kriesi.at/support/topic/custom-excerpt-size" rel="nofollow">http://www.kriesi.at/support/topic/custom-excerpt-size</a></p> <p>any ideas? Thanks Susan </p> http://www.kriesi.at/support/topic/styling-text-for-short-description-on-shop-page#post-80419 Sat, 20 Oct 2012 00:18:13 +0000 Ismael 80419@http://www.kriesi.at/support/ <p>Hi,</p> <p>Try this </p> <pre><code>.woocommerce p { font-family: &quot;Georgia&quot;, serif!important; color: #cc9999!importan; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/styling-text-for-short-description-on-shop-page#post-80378 Fri, 19 Oct 2012 17:41:53 +0000 susan_ideology 80378@http://www.kriesi.at/support/ <p>Just realised that the fix </p> <p>#top.post-type-archive-product li.product p {<br /> font-family: "Georgia", serif;<br /> color: #cc9999;<br /> }</p> <p>only targets the text when you are viewing the whole catalogue. As soon as you to to one of the categories within the catalogue, the text reverts to the default text styling.<br /> Is there a way of targeting all of the catalogue views?</p> <p>Many thanks.</p> <p>Susan </p> http://www.kriesi.at/support/topic/styling-text-for-short-description-on-shop-page#post-80261 Thu, 18 Oct 2012 14:43:21 +0000 susan_ideology 80261@http://www.kriesi.at/support/ <p>brilliant! Thanks Devin.</p> <p>Just one other thing. I asked in an earlier thread about moving the price below the short description on the shop overview page. You suggested a fix which unfortunately didn't work for me. Here is the thread</p> <p><a href="http://www.kriesi.at/support/topic/custom-excerpt-size" rel="nofollow">http://www.kriesi.at/support/topic/custom-excerpt-size</a></p> <p>Is there another solution you can think of?</p> <p>Susan </p> http://www.kriesi.at/support/topic/styling-text-for-short-description-on-shop-page#post-80134 Wed, 17 Oct 2012 19:55:58 +0000 Devin 80134@http://www.kriesi.at/support/ <p>Hi Susan,</p> <p>Try using the following:<br /> <pre><code>#top.post-type-archive-product li.product p { font-family: &quot;Georgia&quot;, serif; color: #cc9999; }</code></pre> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/styling-text-for-short-description-on-shop-page#post-80111 Wed, 17 Oct 2012 17:54:56 +0000 susan_ideology 80111@http://www.kriesi.at/support/ <p>Hi Devin - here it is.</p> <p><a href="http://s154267.gridserver.com/shop" rel="nofollow">http://s154267.gridserver.com/shop</a></p> <p>Susan </p> http://www.kriesi.at/support/topic/styling-text-for-short-description-on-shop-page#post-80073 Wed, 17 Oct 2012 12:26:52 +0000 Devin 80073@http://www.kriesi.at/support/ <p>Hi Susan,</p> <p>Can we take a look at the specific page and content? It should probably be selected specific to the page or you can use the visual editors options to style it within the editor as well.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/styling-text-for-short-description-on-shop-page#post-79980 Tue, 16 Oct 2012 16:22:11 +0000 susan_ideology 79980@http://www.kriesi.at/support/ <p>Hi there, I am using the short description facility to display some text underneath the product image on the shop overview page. The text apears in the right place but I want to style it and can't seem to figure out how to pinpoint it.<br /> Have tried the following but to no avail:</p> <p>.thumbnail_container p{<br /> font-family: "Georgia", serif;<br /> color: #cc9999;<br /> }<br /> #main ul.products.thumbnail_container p{<br /> font-family: "Georgia", serif;<br /> color: #cc9999;<br /> }</p> <p>Any help gratefully received!</p> <p>Susan </p>