http://www.kriesi.at/support/topic/change-view-cart-button Support Forum - Topic: Change "view cart" button en-US Wed, 19 Jun 2013 16:32:35 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/change-view-cart-button#post-91197 Fri, 11 Jan 2013 20:48:27 +0000 Devin 91197@http://www.kriesi.at/support/ <p>Great! Glad Nick was able to help you out :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/change-view-cart-button#post-91132 Fri, 11 Jan 2013 13:26:49 +0000 Delphine 91132@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>Thank you so much for your reply, I have found, it's the first one : div .container a.button{.<br /> Have a nice day,<br /> Delphine </p> http://www.kriesi.at/support/topic/change-view-cart-button#post-90907 Thu, 10 Jan 2013 09:25:47 +0000 Nick 90907@http://www.kriesi.at/support/ <p>Hi, </p> <p>You see in the css you posted the first line; The one with all the commas in it? Each comma separates a different place where that code is used. So in line<br /> <pre><code>div .container a.button, div a.button, div .container button.button, div .container input.button, div .container #review_form #submit</code></pre> <p>The code is used in 5 places and in fact that one line can be rewritten like so. Its all put together in one line to save space. I added your code to the 5 versions, and now just pick the correct one and paste it at the end of your custom.css file<br /> <pre><code>div .container a.button{ font-size: 14px; font-family: nixie one; text-decoration: blink; } div a.button{ font-size: 14px; font-family: nixie one; text-decoration: blink; } div .container button.button{ font-size: 14px; font-family: nixie one; text-decoration: blink; } div .container input.button{ font-size: 14px; font-family: nixie one; text-decoration: blink; } div .container #review_form #submit { font-size: 14px; font-family: nixie one; text-decoration: blink; }</code></pre> <p>So you need to figure out which of these 5 is the one that you want changed. Since you didnt provide me with enough information about the location of the button, I am not really sure. You can look through Chrome developer tools to get the selector on the page where you want to change the button.</p> <p>The final code *which you would put at the end of custom.css file so it overrides the previous css. (never edit css files directly since an update to the theme will overwrite them and by then you will forget what you edited)</p> <p>***Rememeber, You only need to add *only one* of the 5 versions i put up above.****</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/change-view-cart-button#post-90783 Wed, 09 Jan 2013 11:07:11 +0000 Delphine 90783@http://www.kriesi.at/support/ <p>Hi,</p> <p>I have a little question, I try to change the "view cart " button - which appear when you add a product to your cart -<br /> here :</p> <p>in the woocommerce-mod.css, line 1249 : </p> <p>div .container a.button, div a.button, div .container button.button, div .container input.button, div .container #review_form #submit {<br /> color: white;<br /> padding: 10px;<br /> line-height: 1em;<br /> margin: 4px 2px 0 0;<br /> float: left;<br /> font-size: 12px;<br /> width: auto;<br /> vertical-align: middle;<br /> text-align: center;<br /> text-decoration: none;<br /> border: none;<br /> cursor: pointer;<br /> font-family: lucida console;<br /> -webkit-border-radius: 3px;<br /> -moz-border-radius: 3px;<br /> border-radius: 3px;<br /> position: relative;<br /> }</p> <p>But it change all button of my site (add to cart ...etc )<br /> So where or how I can change just the "view cart" like this : </p> <p>font-size: 14px;<br /> font-family: nixie one;<br /> text-decoration: blink;</p> <p>Than you in advance<br /> Delphine </p>