Jump to content


information

Contactbuddy Submit Button Color Change

submit button Color

This topic has been archived. This means that you cannot reply to this topic.
2 replies to this topic

#1 mwwilliams

mwwilliams

    Advanced Member

  • Members
  • PipPipPip
  • 39 posts

Posted 17 April 2012 - 01:51 PM

gobailbondsca.com  Yukon-Theme
Contact Buddy - How do you change the color of the submit button.
I tried to change submit button color as follows:
.contactbuddy-submit {
color: #FF0000;
}
Also
.contactbuddy-submit li.contactbuddy-submit{
color:FF0000;
}

Getting no where fast - css newbie

Cordially

Mel Williams

#2 Ronald

Ronald

    Forum Admin

  • Administrators
  • Others: All Plugins, All Themes, Moderators, Webdesign
  • 30,393 posts

Posted 17 April 2012 - 04:16 PM

Hi Mel,

try the following code, to see some extreme colours, add, at the end of your child themes stylesheet style.css:

input[type="button"], input[type="submit"] {
	color: blue;
	background: none;
	background-color: #e1771e;
	border: 1px solid red;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 2px 2px -1px #FFFFFF inset;
}

input[type="button"]:hover, input[type="submit"]:hover {
	color: yellow;
	background: none;
	background-color: blue;
	border: 1px solid #ff0000;
}

If you want to use hex colour codes, make sure they are preceded by a hash symbol #

Ronald

Join the iThemes Builder Community on Google+.



To ensure that we can process your support request efficiently, ALWAYS include a link to your site, and/or the page your request is related to. Please also read the forum guidelines.



When asking your question/posting your request on the forum, please be as concise and specific as possible. The shorter your request, the more to the point, the more specific, the easier it will be for us to try and help out.


#3 mwwilliams

mwwilliams

    Advanced Member

  • Members
  • PipPipPip
  • 39 posts

Posted 19 April 2012 - 09:37 AM

Thanks Ronald; That took care of my issue.