PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

CSS Targeted Samples not Working on Landing Page

  1. Hi!

    I've used the CSS Targeting Samples with some great success in the past. Having trouble in this new situation. Trying to use them on a landing page created by CopyBlogger's Premise Plug-in. This page has its own style sheet and custom code. I've tried pasting the code below into both its custom code AND the theme's style sheet, using the form ID, to no avail. What am I doing wrong?

    Link here: http://www.jumpstartmd.com/ppc/

    Just trying to change the label color, text field background and border colors, and will probably want to later add field width. Thanks in advance!

    Megan

    Code here:

    /* Gravity Forms Custom */
    
    /* text fields */
    	body .gform_wrapper_10 .gform_body .gform_fields .gfield input[type=text] {
    	background-color: #fcfaf5;
    	height: 25px;
    	border: 1px solid #cccccc
    }
    
    /* all labels */
    body .gform_wrapper_10 .gform_body .gform_fields .gfield .gfield_label {
    	color: #8baea2;
    	font-size: 12px;
    	font-weight: normal;
    	line-height: 22px;
    	}
    
    /* asterisk */
    body .gform_wrapper_10 .gform_body .gform_fields .gfield .gfield_label .gfield_required {
    	 color: #faa93b;
    	 }
    
    body .gform_wrapper_10 .gform_body .gform_fields .gfield select {
    	 font-size: 20px;
    	 }
    Posted 12 years ago on Tuesday August 7, 2012 | Permalink
  2. Looks like you are classing the wrapper instead of IDing it like so:

    [css]
    /* Gravity Forms Custom */
    
    /* text fields */
    	body #gform_wrapper_10 .gform_body .gform_fields .gfield input[type=text] {
    	background-color: #fcfaf5;
    	height: 25px;
    	border: 1px solid #cccccc
    }
    
    /* all labels */
    body #gform_wrapper_10 .gform_body .gform_fields .gfield .gfield_label {
    	color: #8baea2;
    	font-size: 12px;
    	font-weight: normal;
    	line-height: 22px;
    	}
    
    /* asterisk */
    body #gform_wrapper_10 .gform_body .gform_fields .gfield .gfield_label .gfield_required {
    	 color: #faa93b;
    	 }
    
    body #gform_wrapper_10 .gform_body .gform_fields .gfield select {
    	 font-size: 20px;
    	 }
    Posted 12 years ago on Tuesday August 7, 2012 | Permalink
  3. Welp, I love you! Thanks, it worked!

    Posted 12 years ago on Tuesday August 7, 2012 | Permalink
  4. Right on, glad to help! :)

    Posted 12 years ago on Tuesday August 7, 2012 | Permalink

This topic has been resolved and has been closed to new replies.