https://legacy.forums.gravityhelp.com/topic/custom-css-for-section-titles Gravity Support Forums Topic: Custom CSS for Section titles en-US Thu, 23 Apr 2026 01:51:46 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/custom-css-for-section-titles#post-104598 Wed, 19 Dec 2012 15:41:35 +0000 UT RadOnc 104598@https://legacy.forums.gravityhelp.com/ <p>Thank you. :-) </p> https://legacy.forums.gravityhelp.com/topic/custom-css-for-section-titles#post-104595 Wed, 19 Dec 2012 15:28:35 +0000 David Peralty 104595@https://legacy.forums.gravityhelp.com/ <p>Glad you were able to figure it out. All my best! </p> https://legacy.forums.gravityhelp.com/topic/custom-css-for-section-titles#post-104594 Wed, 19 Dec 2012 15:26:48 +0000 UT RadOnc 104594@https://legacy.forums.gravityhelp.com/ <p>Oh, I got it! It was a typo in my style.css. It's all working now. (blushing with embarrassment) Thank you very much for your help. :-) </p> https://legacy.forums.gravityhelp.com/topic/custom-css-for-section-titles#post-104590 Wed, 19 Dec 2012 15:10:48 +0000 UT RadOnc 104590@https://legacy.forums.gravityhelp.com/ <p>Thanks again, David. It didn't change anything. I think for some reason the style.css isn't being accessed after all, which is what you suggested. I put a test style in that css file for some plain text and it didn't show up, so I'll have to investigate further to see what that problem is about. It might be the entire problem. I'll let you know what I find. Thanks! </p> https://legacy.forums.gravityhelp.com/topic/custom-css-for-section-titles#post-104549 Wed, 19 Dec 2012 13:23:08 +0000 David Peralty 104549@https://legacy.forums.gravityhelp.com/ <p>Adding the following through Google Chrome's Inspect tool shows the change being applied. Can you try the following:</p> <pre><code>.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title { color: red !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/custom-css-for-section-titles#post-104542 Wed, 19 Dec 2012 13:00:29 +0000 UT RadOnc 104542@https://legacy.forums.gravityhelp.com/ <p>Hi David,</p> <p>Actually, default.css is imported into style.css, which is where I'm able to add customized styling. I believe this means default.css shouldn't need a css link in the header of its own.</p> <p>If you look at one of the section headings using Firebug, you'll see that there is an h2 style that originates in default.css, so it is being picked up. </p> <p>From what I can see, it seems that .gform_wrapper h2.gsection_title from the forms.css is overriding the font-weight and font-size of the default h2 styling. However, even when I put .gform_wrapper h2.gsection_title in style.css with {color: red !important;} it doesn't seem to override the default h2 font color.</p> <p>Wendy </p> https://legacy.forums.gravityhelp.com/topic/custom-css-for-section-titles#post-104181 Tue, 18 Dec 2012 20:56:05 +0000 David Peralty 104181@https://legacy.forums.gravityhelp.com/ <p>I don't see default.css being listed/pulled in your theme header file on that page. </p> <p>Can you put it in :<br /> &lt;link rel="stylesheet" href="http://www.radonc.utoronto.ca/wp-content/themes/RadOnc/style.css?1355877566" type="text/css" /&gt; </p> https://legacy.forums.gravityhelp.com/topic/custom-css-for-section-titles#post-104154 Tue, 18 Dec 2012 18:34:44 +0000 UT RadOnc 104154@https://legacy.forums.gravityhelp.com/ <p>Hi David,</p> <p>I put that in my default.css. No change though. </p> https://legacy.forums.gravityhelp.com/topic/custom-css-for-section-titles#post-104149 Tue, 18 Dec 2012 18:06:56 +0000 David Peralty 104149@https://legacy.forums.gravityhelp.com/ <p>Can you try:</p> <pre><code>.gsection_title {color: red !important;}</code></pre> https://legacy.forums.gravityhelp.com/topic/custom-css-for-section-titles#post-104147 Tue, 18 Dec 2012 17:40:41 +0000 UT RadOnc 104147@https://legacy.forums.gravityhelp.com/ <p>I'm trying to restyle the section titles in a somewhat complex form, but nothing is working. I would like to try styling each section title differently, but righ tnow I'll settle just for being able to make them stand out in the same style.</p> <p>I tried using the CSS code from the Sample Targeting CSS (example for title below; copied into my theme's default.css), but nothing changes.</p> <p><code>body #gform_wrapper_10 .gform_body .gform_fields .gsection .gsection_title {color: red}</code></p> <p>Using Firebug, it looks like the default h2 styling from my theme is overriding the h2 in the section code, but that string of styles looks so specific, I'm baffled why it's not touching it. I've tried creating a new class in default.css and putting the name of that class in the CSS Class Name field (Advanced tab). Obviously I'm doing something wrong but I guess I need help to figure it out.</p> <p>The test page of the form is here:<br /> <a href="http://www.radonc.utoronto.ca/test-page" rel="nofollow">http://www.radonc.utoronto.ca/test-page</a></p> <p>Thank you in advance for the help! </p>