editing submit buttom/editing background color of input box

  • Resolved shortj

    (@shortj)


    11 years, 10 months ago

    How do I edit the submit button and change the background color for the input box in the mailchimp widget I added to my sidebar? I read the support topics on this and added the following code to several style sheets my theme uses:

    ‘/*mailchimp sign up form*/
    .mc_signup_submit {
    color: ##FF8C00;
    background-color: #212121;
    }’
    I am using a rockettheme theme and added the code to the template.css, gantry.css, style5.css (the particular style I am using for the template) and the wordpress style.css Nothing worked.
    The URL for my site is https://www.trajikworld.com . Thanx.

    https://www.ads-software.com/extend/plugins/mailchimp/

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hey shortj,

    Thanks for coming by the forum. Are you able to give:

    .mc_signup_submit input{
  background-color:red;
}

    A try? Using that in the style5.css file should do the trick. Let me know if you have any questions!

    -tk

    Thread Starter shortj

    (@shortj)

    Thank you for a quick and clear answer. that worked! I see now that I had mistyped the color property for the text so I modified the text color and border for the submit button by adding to your code as follows”
    ‘/*mailchimp*/

    .mc_signup_submit input{
    background-color:#212121;color:#FF8C00; border: 3px solid #FF8C00;
    }’
    there are two parts to my question the second being how to modify the background color of the input box. It is white now but I’d like to change it to a color that better matches my theme. Thank you.

    Thread Starter shortj

    (@shortj)

    SOLVED. added the following code to the style5.css to change the background color of the input box and border width.

    ‘#mc_signup_form .mc_input { background-color: #212121;border: 1px solid #FF8C00;}’

    awesome, glad to hear! if you have any questions just let us know.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘editing submit buttom/editing background color of input box’ is closed to new replies.