https://legacy.forums.gravityhelp.com/topic/css-targeted-samples-not-working-on-landing-page Gravity Support Forums Topic: CSS Targeted Samples not Working on Landing Page en-US Mon, 20 Apr 2026 06:23:28 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-targeted-samples-not-working-on-landing-page#post-69904 Tue, 07 Aug 2012 12:10:54 +0000 Rob Harrell 69904@https://legacy.forums.gravityhelp.com/ <p>Right on, glad to help! :) </p> https://legacy.forums.gravityhelp.com/topic/css-targeted-samples-not-working-on-landing-page#post-69903 Tue, 07 Aug 2012 12:08:23 +0000 houseofgrays 69903@https://legacy.forums.gravityhelp.com/ <p>Welp, I love you! Thanks, it worked! </p> https://legacy.forums.gravityhelp.com/topic/css-targeted-samples-not-working-on-landing-page#post-69893 Tue, 07 Aug 2012 11:25:57 +0000 Rob Harrell 69893@https://legacy.forums.gravityhelp.com/ <p>Looks like you are classing the wrapper instead of IDing it like so:</p> <pre><code>[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; }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-targeted-samples-not-working-on-landing-page#post-69768 Mon, 06 Aug 2012 20:45:10 +0000 houseofgrays 69768@https://legacy.forums.gravityhelp.com/ <p>Hi!</p> <p>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?</p> <p>Link here: <a href="http://www.jumpstartmd.com/ppc/" rel="nofollow">http://www.jumpstartmd.com/ppc/</a></p> <p>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!</p> <p>Megan</p> <p>Code here:<br /> <pre><code>/* 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; }</code></pre>