Tagged: , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 8, 2015 at 3:38 pm #441563
    Wolf

    Hello Enfold,

    I am editing a contact form and I want to style the submit button. I have multiple forms so I want to style each one on its own.

    I used this thread:
    https://kriesi.at/support/topic/how-to-change-the-submit-button-in-just-one-contact-form/

    And it works great.
    But one I click the button and it sends the form it turns blue and striped. I would like to turn this an even color grey.

    Is this possible?

    Thanks!

    p.s. How do I style the asterisk and the checked checkbox color?

    • This topic was modified 9 years, 7 months ago by Wolf.
    May 9, 2015 at 6:52 am #441891
    Rikard

    Hey WolfvanHaeren!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    May 11, 2015 at 8:40 am #442255
    Wolf
    This reply has been marked as private.
    May 11, 2015 at 8:14 pm #442667
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .main_color .button.av-sending-button { background: #dadada!important; color: white !important; background-image: none !important; }

    Cheers!
    Yigit

    May 12, 2015 at 11:37 am #442933
    Wolf

    Hello Yigit,

    This changes the color just fine, but it changes the color everywhere. The custom class would be .energiescan. How do I use it then?

    Also any thoughts on the asterisk and checkbox color? I will have 4 themed forms on the site so I would like to style them as much as possible

    cheers

    May 14, 2015 at 5:12 am #444089
    Rikard

    Hey!

    You can just add the page-id class ahead of the other classes like this:

    .page-id-6147 .main_color .button.av-sending-button { 
background: #dadada!important; 
color: white !important; 
background-image: none !important; 
}

    Cheers!
    Rikard

    May 15, 2015 at 8:30 am #444810
    Wolf

    Hello Rikard,
    I didn’t know I could use the page id like that. Good to know! Thanks.

    The css works great!.

    Do you have a list, or can I find a list somewhere, of all the classes of the contact form I can style?

    I still need to change the color of the asterisk and probably more stuff.

    thanks!

    May 15, 2015 at 5:43 pm #445080
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .main_color .required {
  color: orange;
}

    Unfortunately, we do not have a list of available CSS selectors as there are so many of them. You can refer to this link to target correct selectors – https://developer.chrome.com/devtools/docs/dom-and-styles

    Best regards,
    Yigit

    May 18, 2015 at 9:12 am #445529
    Wolf

    Thanks Yigit! Color works! I will look at that link

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Change color Submit button’ is closed to new replies.