very simple question: I would like to put a border around an element
1) please provide specificity
2) I have looked through the style sheets
3) I have tried to enter those codes into the CSS Class Name box
4) I have viewed hours of You Tube videos (waste of time, thank you)
thank you
Have you looked at the following documentation page?
http://www.gravityhelp.com/documentation/page/CSS_Targeting_Samples
All examples on there are referencing putting borders around objects.
dave: thank s for the quick response
Yes! multiple times I have looked at that page; so be specific; where does the code go;
I also looked at these comments from your site:
CSS code will typically look something like this:
1 body .gform_wrapper { border:1px solid red }
In most cases, custom CSS should be pasted at the bottom of your theme's style.css file. Your theme may have a custom.css. If so, pasting your custom styles at the very end of the file is preferable. Generally, when a theme includes any type of file named custom it indicates that this file should be used for custom code specific to the file type.
Ok I took those exact code above and other code from the documentation page and put it at the bottom of the CSS sheet and nothing
For example, I put these exact words into the CSS style sheet like you state above: body .gform_wrapper {border: 1px solid red}.....and nothing!!!
Please help....I am sure I am missing something simple; I have spent way too much time on this
thanks
Can you link to your site please? I don't understand why it wouldn't work as listed. If it is in your theme's style.css then it should work fine. Are you running a caching plugin by chance?
Thanks again for the quick response
1) I placed the code: body .gform_wrapper {border: 1px solid red} just like this into the Custom.css
2) nothing happened....
3) I have subsequently taken the code out because it didn't work
let me know what you want to do
website: https://www.arladvisers.com/
Can you put the code in, let me know on what page, I can find a form that includes it, and then I can check to see if it is being output or included in your CSS? Thanks!
dave;
let me take care of this later tonight; unfortunately I have to go and get my 9 yo daughter
from her music lesson or I am in trouble with the boss!
once again thanks and I will do what you ask in about an hour
thanks
Whoops; I am back ... a reprieve by my wife
I will post the code right now
thanks
Dave:
I put the code into custom css at the bottom
just like this: "body .gform_wrapper {border: 1px solid red} "
(no quotes ....just whatever is inside the quotes)
I created a post with the form in it for you: https://www.arladvisers.com/?p=887
tanks again
Dave:
this is what is in the custom CSS now:
/* -- This is the place to add your own style modifications without touching the original styles -- */
body { }
/* -------------------[ Body Adjustments ]------------------- */
body {
background: #fff url('http://www.arladvisers.com/wp-content/uploads/2011/06/ARL-Background-no-header1-e1307937986370.jpg') center no-repeat;
}
/* ---------[ Ad Banner Adjustments ]--------- */
.banner728 {
width: 990px;
height: 50px;
margin-top: 10px;
margin-bottom: 10px;
}
body .gform_wrapper {border: 1px solid red}
Can you try:
body. gform_wrapper {
border: 1px solid red;
}HI Dave
No luck; I added the semi colon; updated; refreshed the page and still got the same thing; here is the post link:
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 & 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.
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.
I applied this CSS markup in my test
[css]
body .gform_wrapper {
border: 5px solid red
}and it worked just fine.
test screenshot: http://bit.ly/PVC9A2
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.
Best of luck with it.
Ughhh...thanks for the late note post
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."
Why would I be adding the custom CSS in the wrong place? it was put in the Custom Css
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?
As far as having the other form plug ins, I am trying to see what works best for my purposes....
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.
https://www.arladvisers.com/wp-content/themes/wp-glide-prem/style.php
screenshot: http://bit.ly/YGUZfa
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.
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
https://www.arladvisers.com/wp-content/themes/wp-glide-prem/custom.css
screenshot: http://bit.ly/Uwb56b
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.
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.
Kevin
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
Let me know if this is a false sense of doing it right or an appropriate fix
thanks again