MachForm Community Forums » MachForm 3

1. Wheezer
   Member

   I found the Advanced CSS option, but how do you know what the CSS for the style is to edit it? Sorry if I am over looking something obvious.

   I also would like to lose the existing 10px or so of left margin/padding for the entire form. I've tried editing machform/data/myformfolder/css/view.css. Either this is the wrong file to edit, or for some reason changes are not happening in my form (cache is empty and disabled).

   Thanks!

   Posted 12 years ago #
2. 

   yuniar

   If you are using Google Chrome or Firefox, simply right click on your form and then select "Inspect Element"
   The inspect tool would allow you to select any part of your form and you will be able to see which CSS code affect that element.

   To remove the padding/margin on your form, you can add this CSS code into the advanced CSS section:

   form.appnitro{
     margin: 0px;
     padding: 0px;
   }

   ---

   MachForm Founder

   Posted 12 years ago #

3. Wheezer
   Member

   Thanks for the inspect element tip. Works in Safari too with the develop menu on.

   The padding was in #main_body form li. It seems easier just to edit the view.css file. MIght be nice if the pop-ups in the theme editor contained the css code for that element. Just a thought.

   Posted 12 years ago #

RSS feed for this topic

Reply

You must log in to post.