WordPress.org

Ready to get started?Download WordPress

Forums

Grunion Contact Form
change submit button text and text color (2 posts)

  1. lucascorato
    Member
    Posted 3 years ago #

    Hi, I have just installed Grunion Contact form over the wpcf7 and I'm quite happy with. I'm still trying, though, to figure how to tweak some details:

    1. how do I change the button text and its color?

    2. how do I remove the bold feature in the labels?

    My form is here: http://fot.lucascorato.com/contact/

    The code for the page is this (as inserted directly through WP control panel):

    [contact-form]
    [contact-form to="xxxx@gmail.com"]
    [contact-form subject="xxxx"]
    [contact-field label="Nome • Name" type="name" required="true" /]
    [contact-field label="Email" type="email" required="true" /]
    [contact-field label="Website" type="url" /]
    [contact-field label="Mensagem • Message" type="textarea" required="true" /]
    [/contact-form]

    And this is what I added to style.css:

    /* Grunion Contact Form */
    
    .contact-form input[type='text'] {
    	width: 100%;
    }
    
    .contact-form input {
    	margin-bottom: 0 !important;
    	border: none;
    	background:rgb(15,15,15);
    }
    
    .contact-form textarea {
    	height: 200px;
    	width: 100%;
    	border:none;
    	background:rgb(15,15,15);
    	color:#ffffff;
    }
    
    .contact-form input[type='radio'] {
    	float: left;
    }
    
    .contact-form label {
    	margin-bottom: 3px;
    	text-align:left;
    }
    
    .contact-form input[type='checkbox'] {
    	display: inline-block;
    }
    
    /* End of Grunion Contact Form */

    What am I missing?

    Thanks a lot!

  2. lucascorato
    Member
    Posted 3 years ago #

    ok here I am again already!

    I got to change the color of the text by adding color:#ffffff; to the .contact-form input class:

    .contact-form input {
    	margin-bottom: 0 !important;
    	border: none;
    	background:rgb(15,15,15);
    	color:#ffffff;
    }

    Is this the right way of doing it? Or is there any way of inheriting this color from another element?

    Thanks again!

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic