http://www.kriesi.at/support/tags/button-color Support Forum - Tag: button color - Recent Posts en-US Sat, 18 May 2013 23:13:53 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/button-color-1#post-111212 Wed, 15 May 2013 00:03:22 +0000 Ismael 111212@http://www.kriesi.at/support/ <p>Hi,</p> <p>It is working fine on my end. Save the button settings then update the page too. If it doesn't work, you can apply the button color to your custom.css or Quick CSS</p> <pre><code>body div .avia-button { background-color: red !important; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/button-color-1#post-111211 Tue, 14 May 2013 23:48:39 +0000 jeffcrain 111211@http://www.kriesi.at/support/ <p>Hi,<br /> I added a button from the content elements and am trying to use custom color. If I select a color from the list the button behaves correctly. If I select custom color and enter values for the background and font then I get a very light gray background and a darker gray font. Any change in the color values does not affect the button color.<br /> Help Please. Thank You. </p> http://www.kriesi.at/support/topic/color-of-send-button#post-63757 Thu, 05 Jul 2012 02:52:24 +0000 Ismael 63757@http://www.kriesi.at/support/ <p>Hi c_srishti,</p> <p>Glad that we could help you. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/color-of-send-button#post-63730 Wed, 04 Jul 2012 18:45:02 +0000 c_srishti 63730@http://www.kriesi.at/support/ <p>Looks good<br /> Thanks! </p> http://www.kriesi.at/support/topic/color-of-send-button#post-63290 Tue, 03 Jul 2012 05:59:56 +0000 Ismael 63290@http://www.kriesi.at/support/ <p>Hello,</p> <p>Try to replace it with this </p> <pre><code>.ajax_form input.button { background-color: #60a9a5; background-position: center top; background-repeat: repeat-x; border-color: #60a9a5; color: #FFFFFF; } .ajax_form input.button:hover { background-color: #DCEDFD; border-color: #DCEDFD; color: #60a9a5; }</code></pre> <p>Don't forget to save and remove cache. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/color-of-send-button#post-63251 Mon, 02 Jul 2012 22:33:07 +0000 c_srishti 63251@http://www.kriesi.at/support/ <p>Thank sMya,<br /> It still is not doing it!!! :(<br /> Am I doing something wrong?<br /> Please help!<br /> Srishti </p> http://www.kriesi.at/support/topic/color-of-send-button#post-63234 Mon, 02 Jul 2012 20:31:56 +0000 Mya 63234@http://www.kriesi.at/support/ <p>Hi,</p> <p>Try adding !important out to the side of each value like this:</p> <pre><code>/*Comment Form*/ #commentform #submit { background-color: #60a9a5 !important; border-color: #60a9a5 !important; color: #FFFFFF !important; } #commentform #submit:hover { background-color: #DCEDFD !important; border-color: #DCEDFD !important; color: #60a9a5 !important; }</code></pre> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/color-of-send-button#post-63233 Mon, 02 Jul 2012 20:21:28 +0000 c_srishti 63233@http://www.kriesi.at/support/ <p>Thanks Mya,<br /> Surprisingly it didn't work!!!</p> <p>I put this in the Custom.css</p> <p>/*Comment Form*/<br /> #commentform #submit {<br /> background-color: #60a9a5;<br /> background-position: center top;<br /> background-repeat: repeat-x;<br /> border-color: #60a9a5;<br /> color: #FFFFFF;<br /> }</p> <p>#commentform #submit:hover {<br /> background-color: #DCEDFD;<br /> border-color: #DCEDFD;<br /> color: #60a9a5;<br /> }</p> <p>Any idea?<br /> Srishti </p> http://www.kriesi.at/support/topic/color-of-send-button#post-63227 Mon, 02 Jul 2012 19:22:05 +0000 Mya 63227@http://www.kriesi.at/support/ <p>Hi sRishti,</p> <p>Add this to your custom.css or Quick CSS.</p> <pre><code>#commentform #submit { background-color: #DCEDFD; background-position: center top; background-repeat: repeat-x; border-color: #DCEDFD; color: #FFFFFF; } #commentform #submit:hover { background-color: #FEFFFF; border-color: #FEFFFF; color: #FFFFFF; }</code></pre> <p>The first snippet is for the normal state. The second snippet for the hover. These are the current values being used so you'll want to change them as you see fit.</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/color-of-send-button#post-63224 Mon, 02 Jul 2012 19:11:07 +0000 c_srishti 63224@http://www.kriesi.at/support/ <p>Hi,<br /> <a href="http://www.surftherapyyoga.biz/contact-us" rel="nofollow">http://www.surftherapyyoga.biz/contact-us</a><br /> How can I change the color of the send button and the hover of it?<br /> Thanks<br /> sRishti </p> http://www.kriesi.at/support/topic/no-color-for-button#post-33213 Sun, 27 Nov 2011 08:13:03 +0000 Dude 33213@http://www.kriesi.at/support/ <p>You can change the slidecontrols color with:<br /> <pre><code>.slidecontrolls a { background-color: #CCCCCC !important; }</code></pre> <p>The link color with:</p> <pre><code>.entry-content a{ color: #BFB793 !important; } .entry-content a:hover{ color: #BFB793 !important; }</code></pre> http://www.kriesi.at/support/topic/no-color-for-button#post-33161 Sat, 26 Nov 2011 14:19:51 +0000 RobiG 33161@http://www.kriesi.at/support/ <p>Thank you! </p> <p>While I'm on the topic of buttons, is there a way to change the color of my buttons for my slider? </p> <p>I would also like to be able to change the color of the links within the content only and not the footer or side panel. </p> http://www.kriesi.at/support/topic/no-color-for-button#post-33137 Sat, 26 Nov 2011 07:40:38 +0000 Dude 33137@http://www.kriesi.at/support/ <p>The inline css of the button looks like:<br /> <pre><code>background-color:2E5880;border-color:A65039</code></pre> <p>The "#" is missing - try following code instead:<br /> <pre><code>background-color:#2E5880;border-color:#A65039</code></pre> http://www.kriesi.at/support/topic/no-color-for-button#post-33098 Fri, 25 Nov 2011 12:08:56 +0000 RobiG 33098@http://www.kriesi.at/support/ <p>Hello,</p> <p>I created a button with the short code and chose a specific color, but the button won't show the color. It is the "get started" button on the right.</p> <p><a href="http://deputyshiporder.co.uk/" rel="nofollow">http://deputyshiporder.co.uk/</a> </p>