Change SUBMIT button color

(11 posts) (3 voices)

1. 

   jaspernut
   Member

   How do you change the SUBMIT button color for a Contact Form?

   I've tried adding [submit variation="red"] and [button variation="red"] but neither has worked.

   Posted 4 months ago #
2. 

   Elliott
   Support

   Hello jaspernut,

   You can change this when editing the color scheme of your skin or by adding this in Dashboard -> your theme -> General Settings -> Custom CSS,

   input[type="submit"] { background-color: red !important; border-color: red !important; }

   Posted 4 months ago #
3. 

   jaspernut
   Member

   Technically working, but the color is being inconsistent.

   Please check out this page: http://mock.avlanonline.com/reality-check/clueless/

   The button at the bottom is:
   [button size="medium" variation="blue" align="center" link="http://mock.avlanonline.com/demo/"]Request a Demo[/button]

   If you click that button, it takes you to the Request a Demo page, where the Submit button is clearly a different color. The Custom CSS code is:

   input[type="submit"] {
   background-color: blue !important;
   border-color: blue !important;
   }

   I can change the "blue" to different colors, but they aren't matching the "blue" from the button on the other page.

   Side question:
   How do I limit the width of the Request a Demo button so it doesn't go across the entire window?

   Thanks!

   Posted 4 months ago #
4. 

   Elliott
   Support

   Our fancy_buttons have a gradient applied so the color will be a bit darker, the actual color being used is, #0091BA.

   Side question: You would surround it with one of our column shortcodes or with a div like so,

   <div style = 'width: 100px;'>insert button</div>

   Posted 4 months ago #
5. 

   VivalaMedia
   Member

   Is it possible to change the color of the nivo slider the same way? (the read more button in this case)

   input[type="readmore"] { background-color: red !important; border-color: red !important; } doesn't work

   thanks in advance,
   robin

   Posted 3 months ago #
6. 

   Elliott
   Support

   The nivo slider does not have a read more button. Send us a link to your page.

   Posted 3 months ago #
7. 

   VivalaMedia
   Member

   O i'm sorry i checked and it was the faded slider

   http://temp.vivalamedia.nl/ the slider (second frame)

   Posted 3 months ago #
8. 

   Elliott
   Support

   Try this,

   .slide_content .button_link { background-color: red !important; }

   Posted 3 months ago #
9. 

   VivalaMedia
   Member

   thanks a lot, that did the trick!
   Also, is it possible to move the text and the button to the right just a few pixels?

   Posted 3 months ago #
10. 

    Elliott
    Support

    Try adding this in Dashboard -> your theme -> General Settings -> Custom CSS,

    #slider_module_inner .partial_staged_slideL .slide_content {
        color: #AAAAAA;
        height: 370px;
        left: auto;
        right: 20px !important;
        top: 50px;
        width: 300px;
    }

    Posted 3 months ago #
11. 

    VivalaMedia
    Member

    That did the trick, thank you Elliot

    Posted 3 months ago #

RSS feed for this topic

Reply

You must log in to post.