Submit button customize

• 

  housetalk101 · Member · Apr 30, 2016 at 12:50 pm

  • Copy link
  • Add topic to favorites

  I need to change the text in my submit button to Find the Value. I have sent several requests for tech help and I want to compete this task today so if anyone can give me some help that would awesome.

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · May 2, 2016 at 9:40 pm

  • Copy link

  Hi there, this is tricky to do with CSS. Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and see if this will work for you.

  #contact-form-10 .contact-submit input {
      background-color: rgba(0, 0, 0, 0);
      color: rgba(0, 0, 0, 0);
      border: 1px solid #fff;
      width: 150px;
  }
  #contact-form-10 .contact-submit::after {
      color: #aaa;
      content: "Find the Value";
      position: relative;
      left: -135px;
      z-index: -1;
  }
  #contact-form-10 .contact-submit:hover::after {
      color: #fff;
  }

  I’ve made the new text slightly grey, and then when you hover it with a mouse, it turns white.

• 

  housetalk101 · Member · May 2, 2016 at 10:13 pm

  • Copy link

  thescarelpath,
  thanks for your reply the last reply I got the happy engineer was saying I couldn’t perform this change.
  I’m very green when it comes to coding could you please tell me where to start and it would be better if we can chat. Are you available to chat if not what the best time for me to contact someone via chat?

• 

  housetalk101 · Member · May 2, 2016 at 10:39 pm

  • Copy link

  Hey it worked thanks! so please forget my last request.

• 

  thesacredpath · Member · May 3, 2016 at 3:00 am

  • Copy link

  Awesome, and you are welcome.

• 

  housetalk101 · Member · May 5, 2016 at 12:16 am

  • Copy link

  Is it possible to have text sent to me as well as an email notifying me once someone complete my form?

  Will I have to redo the submit button coding each time I change the theme or black ground photos on my page?

• 

  thesacredpath · Member · May 5, 2016 at 1:16 am

  • Copy link

  The button background is transparent at this time, so if you change your background color to green, it will show through the button. Depending on the nature of the background image, or the color you choose, the font color and border may need to have their colors adjusted so as to keep enough contrast.