http://www.kriesi.at/support/topic/custom-xl-buttons-icon-and-text Support Forum - Topic: Custom XL Buttons - Icon and text en-US Thu, 23 May 2013 19:12:31 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/custom-xl-buttons-icon-and-text#post-62155 Tue, 26 Jun 2012 04:16:57 +0000 Ismael 62155@http://www.kriesi.at/support/ <p>Hi martingfisher,</p> <p>Glad that it worked. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/custom-xl-buttons-icon-and-text#post-61377 Thu, 21 Jun 2012 09:57:34 +0000 martingfisher 61377@http://www.kriesi.at/support/ <p>Yey! that works brilliantly.<br /> Thanks Chris thats a big help :-) </p> http://www.kriesi.at/support/topic/custom-xl-buttons-icon-and-text#post-59985 Wed, 13 Jun 2012 07:01:34 +0000 Chris Beard 59985@http://www.kriesi.at/support/ <p>Hey,</p> <p>you can try dropping this piece of code in there<br /> <pre><code>.avia-button { width:89% !important; }</code></pre> <p>Fiddle around with the percentage to suit your needs better.<br /> If you want to centralise the text you can add "text-align:center;" below the width line.</p> <p>Cheers,<br /> Chris </p> http://www.kriesi.at/support/topic/custom-xl-buttons-icon-and-text#post-59681 Mon, 11 Jun 2012 09:04:04 +0000 martingfisher 59681@http://www.kriesi.at/support/ <p>A very similar question:</p> <p>I am using Propulsion (www.tradesolarkits.com)<br /> Is there a piece of CSS I can drop in to the quickcss box that would allow all buttons to fill the column width in which they appear?</p> <p>At present they confirm to the width of the text used within the button but I want the buttons to be 100% of the column width in which they appear.</p> <p>Many thanks<br /> Martin </p> http://www.kriesi.at/support/topic/custom-xl-buttons-icon-and-text#post-54605 Fri, 04 May 2012 06:43:28 +0000 Dude 54605@http://www.kriesi.at/support/ <p>Following code gives me good results:<br /> <pre><code>.avia-button .avia-mobile { background: url(&quot;../st3/img/icons/mobile.png&quot;) no-repeat scroll -12px center transparent; font-size: 23px; font-weight: bold; left: -5px; padding: 10px 0 40px 50px; text-shadow: 0 2px 3px #666666; vertical-align: middle; }</code></pre> http://www.kriesi.at/support/topic/custom-xl-buttons-icon-and-text#post-54034 Mon, 30 Apr 2012 21:19:12 +0000 reganfrank 54034@http://www.kriesi.at/support/ <p>Hi,<br /> Just wondering if I could pick somebodys brain on how to make a button that fills a 1/5 column?</p> <p>Here is what I have done:</p> <p>Added the following to my (child) them style.css<br /> <pre><code>/*Add a full width button - 1 third column*/ .bnt_fw_5{ width: 78% !important; height: 75px !important;} /* Mobile */ .avia-button .avia-mobile{ background: transparent url(&quot;../st3/img/icons/mobile.png&quot;) no-repeat center left; padding: 10px 30px 40px 30px; left:-2px; font-size: 23px; font-weight: bold; vertical-align: middle; text-shadow: 0px 2px 3px #666; } .avia-ilink .help{ background: transparent url(&quot;../st3/img/icons/mobile.png&quot;) no-repeat center left; }</code></pre> <p>Then following this ( <a href="http://www.kriesi.at/support/topic/add-more-icons-to-icon-buttons-shortcode" rel="nofollow">http://www.kriesi.at/support/topic/add-more-icons-to-icon-buttons-shortcode</a> ), I added a "mobile" button to the shortcode editor.</p> <p>Everything works, except I cant get the icon to stay to the left, and the text to be on the right. Does that make sense?<br /> They are overlapping and its driving me bonkers.</p> <p>Could somebody help?</p> <p>Here is the production site: <a href="http://brandpag.es/sharetel/" rel="nofollow">http://brandpag.es/sharetel/</a> </p>