Construct / Contact Form 7 css

resolved (6 posts) (2 voices)

  1. selfmadenothing
    Member

    Hey guys is there anyway you can help me finish this out. I've build a page that is using a contact form 7 form and I'm trying to style it to look like the construct form. I ran across some posts on here that got me 90% of the way but I seem to be missing something. Could you take a quick look. http://www.hubtobacco.com/reach

    This is the code I have in the general settings "custom javascript" section.

    jQuery(document).ready(function(){
    jQuery('input[type="text"]').addClass('textfield');
    jQuery('textarea').addClass('textarea');
    jQuery('input[type="submit"]').addClass('fancy_button');
    });

    Thanks!

    Posted 3 years ago #
  2. Elliott
    Support

    Hello selfmadenothing,

    Take a screenshot and highlight what your trying to do.

    Posted 3 years ago #
  3. selfmadenothing
    Member

    The form fields within the red box should match the form fields like "your name (required)", "Subject", and "Your message".

    Attachments

    1. Reach_Out__HUB_LPC.jpg (92.5 KB, 4 downloads) 3 years old
    Posted 3 years ago #
  4. selfmadenothing
    Member

    Basically I want to drop the grey stroke and add the brown stroke and make the field height and width the same as the 1st field and 4th field.

    Posted 3 years ago #
  5. Elliott
    Support

    Try this,

    jQuery(document).ready(function(){
    jQuery('input[type="text"], input[type="tel"], input[type="email"]').addClass('textfield');
    jQuery('textarea').addClass('textarea');
    jQuery('input[type="submit"]').addClass('fancy_button');
    });
    Posted 3 years ago #
  6. selfmadenothing
    Member

    Perfect Thanks!

    Posted 3 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme