MachForm Community Forums » MachForm 3

1. HMDJ
   Member

   Ive been working with machform support (Redityo), and im getting nowhere. and now they are apparently gone for the day, leaving me no closer than where i started.

   'ALL' I am trying to do is have one field of the form display a different color background than the default color of the form (and all the other fields.)

   I have no doubt that Redityo understands me and what I am trying to do. The problem is.. i dont understand HIM!

   He replied:
   ----------------------------------------------------------------------------------------
   #element_1{
   color: red;
   background-color:#00ff00;
   }

   You just need to change the number "1" with your element id.
   ---------------------------------------------------------------------------------------
   Ok.. so i edited my theme and placed the below into the 'Advanced CSS Code' window and saved it.
   #element_1{
   color: red;
   background-color:#00ff00;
   }

   So.. what now?? What does he mean change my element id? I know he meant change element_1... but... Change it to what? how do i know what to change it to? If I right-click on that field in my preview window, and inspect element, all I see is:
   <li id="li_2" class="highlighted" style="background-color: #932091">
   And THATS the BG color for the whole form.. which i obviously dont want to touch.

   And on the form creator itself, do I need to add anything to the field (that i want to alter) > Field Properties Tab> Custom CSS Class field?

   I know its just right there on the cusp of being done.. but the current result is still nadda!

   Can anyone give me the final push pls to get this resolved this evening?
   Thank you very much!
   HMDJ

   Posted 12 years ago #

2. Steve1951
   Member

   Change to:

   #li_2{
   color: red;
   background-color:#00ff00;
   }

   Posted 12 years ago #

3. HMDJ
   Member

   Thanks, Steve, but that did nothing either.
   For kicks, I confirmed that the form is pulling the correct theme (wouldnt THAT have been embarrassing)

   Heres the link to the page:
   http://www.okc-metro.com/heymrdeejay/main/

   If you scroll down a tad, you will see a field entitled: Wedding Colors
   THATS the one I am testing on.

   I dont mean the color once you 'click' on it (though thats not being affected either), i mean when the page first pulls up, the field should have its own unique color.

   Now then,,, I did view source of the WHOLE preview page:
   http://www.okc-metro.com/forms/view.php?id=13189

   And found this:
   <label class="description" for="element_8">Wedding Colors </label>
   <div>
   <input id="element_8" name="element_8" class="element text medium" type="text" value="" />

   </div>

   So i just so i edited my theme and placed the below into the 'Advanced CSS Code' window and saved it.
   #element_8{
   color: red;
   background-color:#00ff00;
   }

   And still.. nothing!! :(

   Posted 12 years ago #

4. Steve1951
   Member

   This should do it:

   #element_8 {
       background-color: #00FF00 !important;
       color: red !important;
   }

   Your CSS was being superseded by

   #main_body input.text, #main_body input.file, #main_body textarea.textarea, #main_body select.select, #main_body input.checkbox, #main_body input.radio {

   from theme_23.css (line 50)

   Posted 12 years ago #

5. HMDJ
   Member

   Thank you, Steve.. Sorry for downtime in my reply. I has to pick up daughter from school.
   BUT... NOW we are moving forward!

   But now I see that Redityo did NOT know what i was speaking of after all.
   Because where I was aiming for the whole 'Wedding Colors ' cell (the whole part that turns pink when clicked) to be colored, its just the actual 'input field that has been affected.

   If you just happen to know the right verbiage to make that happen I that would be awesome.. if not.. ill play around and see if i can happen upon it. :)

   In ANY case, Steve, your absolutely great for taking the time to help a stranger and I am already thankful for what you have done.
   Cheers my friend. :)

   Posted 12 years ago #

6. Steve1951
   Member

   That would be:

   #li_8 {
       background-color: #00FF00 !important;
       color: red !important;
   }

   Posted 12 years ago #

7. HMDJ
   Member

   THATS the ticket, right there!! :D

   Right now, the colors suck.. but NOW I am empowered to fine tune them.

   Steve? Thanks a ton!! No really.. I absolutely appreciate you!! :)

   Posted 12 years ago #

8. HMDJ
   Member

   PS - and with your working examples, I NOW know how to alter the rest of the forms css, so you taught me how to fish, my friend. ;)

   Posted 12 years ago #

9. HMDJ
   Member

   Admins? You should really consider making a 'how-to' regarding this topic complete with screenshots. Just a few examples, as Steve has shown, can go a long way towards user understanding. And Its obvious you support it or there simply wouldn't be an available field for Advanced CSS, correct? ;)

   It could potentially save you lots of service tickets as well...

   Posted 12 years ago #

RSS feed for this topic

Reply

You must log in to post.