https://legacy.forums.gravityhelp.com/topic/very-simple-question-how-do-you-put-a-border-around-an-element Gravity Support Forums Topic: Very simple question: How do you put a border around an element? en-US Sat, 04 Apr 2026 07:47:34 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/very-simple-question-how-do-you-put-a-border-around-an-element#post-88500 Wed, 07 Nov 2012 16:59:07 +0000 blueguyzee 88500@https://legacy.forums.gravityhelp.com/ <p>Kevin</p> <p>Thanks for the long and informative description....I will mull it over and figure what I can live with or without.....to my credit, I have been diligently reading your materials and I have a decent handle on creating the form that I want; I have played with your multi-column feature and I am using the logic feature in the form; my work around so far is to use HTML when I can</p> <p>Let me know if this is a false sense of doing it right or an appropriate fix</p> <p>thanks again </p> https://legacy.forums.gravityhelp.com/topic/very-simple-question-how-do-you-put-a-border-around-an-element#post-88214 Wed, 07 Nov 2012 02:26:40 +0000 Kevin Flahaut 88214@https://legacy.forums.gravityhelp.com/ <p>Many themes have places in their admin panels where you put custom CSS rules so you never have to actually open and edit a CSS file. I don't know if your theme has this for sure, but the theme is loading a "style.php" (note the extension - not .css) file that appears to be dynamically generated by the theme.. Often that means the theme developer has a place for style/CSS options in a control panel somewhere.</p> <p><a href="https://www.arladvisers.com/wp-content/themes/wp-glide-prem/style.php" rel="nofollow">https://www.arladvisers.com/wp-content/themes/wp-glide-prem/style.php</a></p> <p>screenshot: <a href="http://bit.ly/YGUZfa" rel="nofollow">http://bit.ly/YGUZfa</a></p> <p>I do see that the custom.css file is being imported so that may not be the case here. Either way, that's something you'll need to talk to your theme developer about and get sorted.</p> <p>When I look at the custom.css file, I don't see any custom rules for the border.. if you have added them, then they're either not in the correct file, or something else is amiss</p> <p><a href="https://www.arladvisers.com/wp-content/themes/wp-glide-prem/custom.css" rel="nofollow">https://www.arladvisers.com/wp-content/themes/wp-glide-prem/custom.css</a></p> <p>screenshot: <a href="http://bit.ly/Uwb56b" rel="nofollow">http://bit.ly/Uwb56b</a></p> <p>If the proper CSS rules get loaded with your page, then your custom styles should work. I don't think there is anything overriding your custom rules, it appears that they're simply not being loaded and applied to your form.</p> <p>Yes, as far as the other plugins.. as I mentioned, I don't believe they're the source of this issue.. just wanted to point that out for future reference. </p> https://legacy.forums.gravityhelp.com/topic/very-simple-question-how-do-you-put-a-border-around-an-element#post-88173 Wed, 07 Nov 2012 00:14:01 +0000 blueguyzee 88173@https://legacy.forums.gravityhelp.com/ <p>Ughhh...thanks for the late note post </p> <p>Can you please explain (in layman terms) what you mean by "It appears that your theme may have a dynamic style sheet where you add your CSS rules in an admin page and they're added to the theme CSS file."</p> <p>Why would I be adding the custom CSS in the wrong place? it was put in the Custom Css</p> <p>I was just trying the red border to see what works; do you believe that there is something with the theme that is preventing these lines of code from functioning? If so, any thoughts why that would be?</p> <p>As far as having the other form plug ins, I am trying to see what works best for my purposes.... </p> https://legacy.forums.gravityhelp.com/topic/very-simple-question-how-do-you-put-a-border-around-an-element#post-88135 Tue, 06 Nov 2012 22:13:34 +0000 Kevin Flahaut 88135@https://legacy.forums.gravityhelp.com/ <p>I see from looking at your markup that you've got 2 other form builder plugins loading their CSS on this page as well. (WordPress Form Manager &amp; iPhorm Form Builder) - Just a head's up, while that probably isn't the problem here, it is a potential source of styling conflicts with your Gravity Forms. If you run into other issues, it's always something to look at.</p> <p>That said, the style examples that David shared with you should work fine if they're placed in the proper file and get rendered on the page.</p> <p>I applied this CSS markup in my test</p> <pre><code>[css] body .gform_wrapper { border: 5px solid red }</code></pre> <p>and it worked just fine.</p> <p>test screenshot: <a href="http://bit.ly/PVC9A2" rel="nofollow">http://bit.ly/PVC9A2</a></p> <p>It appears that your theme may have a dynamic style sheet where you add your CSS rules in an admin page and they're added to the theme CSS file. You should contact your theme provider to make sure you're adding your custom CSS in the correct place. This isn't a forms issue, it's more of a theme-releated style issue.</p> <p>Best of luck with it. </p> https://legacy.forums.gravityhelp.com/topic/very-simple-question-how-do-you-put-a-border-around-an-element#post-88125 Tue, 06 Nov 2012 21:46:50 +0000 blueguyzee 88125@https://legacy.forums.gravityhelp.com/ <p>HI Dave</p> <p>No luck; I added the semi colon; updated; refreshed the page and still got the same thing; here is the post link:</p> <p><a href="https://www.arladvisers.com/?p=887" rel="nofollow">https://www.arladvisers.com/?p=887</a> </p> https://legacy.forums.gravityhelp.com/topic/very-simple-question-how-do-you-put-a-border-around-an-element#post-88098 Tue, 06 Nov 2012 19:48:20 +0000 David Peralty 88098@https://legacy.forums.gravityhelp.com/ <p>Can you try:</p> <pre><code>body. gform_wrapper { border: 1px solid red; }</code></pre> https://legacy.forums.gravityhelp.com/topic/very-simple-question-how-do-you-put-a-border-around-an-element#post-88084 Tue, 06 Nov 2012 18:58:26 +0000 blueguyzee 88084@https://legacy.forums.gravityhelp.com/ <p>Dave:</p> <p>this is what is in the custom CSS now:</p> <p>/* -- This is the place to add your own style modifications without touching the original styles -- */</p> <p>body { }</p> <p>/* -------------------[ Body Adjustments ]------------------- */</p> <p>body {<br /> background: #fff url('http://www.arladvisers.com/wp-content/uploads/2011/06/ARL-Background-no-header1-e1307937986370.jpg') center no-repeat;<br /> }</p> <p>/* ---------[ Ad Banner Adjustments ]--------- */</p> <p>.banner728 {<br /> width: 990px;<br /> height: 50px;<br /> margin-top: 10px;<br /> margin-bottom: 10px;<br /> }</p> <p>body .gform_wrapper {border: 1px solid red} </p> https://legacy.forums.gravityhelp.com/topic/very-simple-question-how-do-you-put-a-border-around-an-element#post-88083 Tue, 06 Nov 2012 18:54:46 +0000 blueguyzee 88083@https://legacy.forums.gravityhelp.com/ <p>Dave:</p> <p>I put the code into custom css at the bottom </p> <p>just like this: "body .gform_wrapper {border: 1px solid red} "</p> <p>(no quotes ....just whatever is inside the quotes)</p> <p>I created a post with the form in it for you: <a href="https://www.arladvisers.com/?p=887" rel="nofollow">https://www.arladvisers.com/?p=887</a></p> <p>tanks again </p> https://legacy.forums.gravityhelp.com/topic/very-simple-question-how-do-you-put-a-border-around-an-element#post-88082 Tue, 06 Nov 2012 18:49:11 +0000 blueguyzee 88082@https://legacy.forums.gravityhelp.com/ <p>Whoops; I am back ... a reprieve by my wife</p> <p>I will post the code right now</p> <p>thanks </p> https://legacy.forums.gravityhelp.com/topic/very-simple-question-how-do-you-put-a-border-around-an-element#post-88081 Tue, 06 Nov 2012 18:48:23 +0000 blueguyzee 88081@https://legacy.forums.gravityhelp.com/ <p>dave;</p> <p>let me take care of this later tonight; unfortunately I have to go and get my 9 yo daughter<br /> from her music lesson or I am in trouble with the boss!</p> <p>once again thanks and I will do what you ask in about an hour<br /> thanks </p>