https://www.machform.com/forums/ MachForm Community Forums Topic: Differently Styled Sections en Mon, 04 May 2026 03:08:55 +0000 https://www.machform.com/forums/topic/differently-styled-sections#post-11057 Tue, 14 Dec 2010 09:46:53 +0000 yuniar 11057@https://www.machform.com/forums/ <p>Try to edit this code:</p> <pre><code>#main_body form ul { font-size:100%; list-style-type:none; margin:0; padding:0; width:100%; }</code></pre> <p>put a little padding on the left, like this:</p> <pre><code>#main_body form ul { font-size:100%; list-style-type:none; margin:0; padding:0; width:100%; padding-left: 1px; }</code></pre> <p>you can add more as needed. </p> https://www.machform.com/forums/topic/differently-styled-sections#post-11052 Mon, 13 Dec 2010 23:36:27 +0000 skyblue 11052@https://www.machform.com/forums/ <p>Yeah you're right! It must have been the cache. One more detail, there is still more padding on the right side of the form (when all error messages are on) then on the left. How can I make the padding even for the areas to the right and left of the red error blocks? </p> https://www.machform.com/forums/topic/differently-styled-sections#post-11039 Sat, 11 Dec 2010 12:33:32 +0000 yuniar 11039@https://www.machform.com/forums/ <p>Try to delete your browser cache. It seems your browser still loading the old CSS file from the cache.</p> <p>I tried your form and it looks good now. </p> https://www.machform.com/forums/topic/differently-styled-sections#post-11032 Sat, 11 Dec 2010 00:16:09 +0000 skyblue 11032@https://www.machform.com/forums/ <p>Actually, this is the image: <a href="http://img.photobucket.com/albums/v12/totheleftside/Screenshot2010-12-10at120941PM.png" rel="nofollow">http://img.photobucket.com/albums/v12/totheleftside/Screenshot2010-12-10at120941PM.png</a> </p> https://www.machform.com/forums/topic/differently-styled-sections#post-11031 Sat, 11 Dec 2010 00:14:43 +0000 skyblue 11031@https://www.machform.com/forums/ <p>I'll show you the error message: the red doesn't span completely to the right of the form in the e-mail field. like it does on all the other inputs. Also, there is still a small space to the left of the divider after I used your code suggestion.</p> <p><a href="http://smg.photobucket.com/albums/v12/totheleftside/" rel="nofollow">http://smg.photobucket.com/albums/v12/totheleftside/</a> </p> https://www.machform.com/forums/topic/differently-styled-sections#post-11030 Fri, 10 Dec 2010 20:40:07 +0000 yuniar 11030@https://www.machform.com/forums/ <p>Try changing this:</p> <pre><code>#main_body form li.section_break { border-top:5px solid #FFFFFF; margin-top:9px; margin-left:0px; padding-bottom:0; padding-left:9px; padding-top:13px; width:98% !important; }</code></pre> <p>to become:</p> <pre><code>#main_body form li.section_break { border-top:5px solid #FFFFFF; margin-top:9px; margin-left:-7px; padding-bottom:0; padding-left:9px; padding-top:13px; width:99% !important; }</code></pre> <p>Error message padding:<br /> I'm not quite sure about this. It seems fine from here? the space seems even. can you send me a screenshot please?</p> <p>Email error padding:<br /> Try changing this:</p> <pre><code>#li_2{ float: left; width: 45%; }</code></pre> <p>to become:</p> <pre><code>#li_2{ float: left; width: 50%; }</code></pre> https://www.machform.com/forums/topic/differently-styled-sections#post-11022 Fri, 10 Dec 2010 04:53:55 +0000 skyblue 11022@https://www.machform.com/forums/ <p>Thanks Yuniar!<br /> I found out how to make it look similar. There is an issue with padding, (i think?) with the section divider border. There is no space to the right of the section divider which is what I want, However on the left side of the white section divider there is a small space. How do I get rid of it?</p> <p><a href="http://www.erindavidson.ca/newhgym/weightlossclinic.html" rel="nofollow">http://www.erindavidson.ca/newhgym/weightlossclinic.html</a></p> <p>Form: <a href="http://erindavidson.ca/machform/view.php?id=2" title="">click here</a></p> <p>ALSO:</p> <p>Error message padding:</p> <p>When clicking submit button for the error messages, There is more space to the right of the big red bars than is on the left. How do I make it even, or is there way to make the red bar span the entire width of the container so there isn't padding to the left and right of it?</p> <p>E-mail error block padding:<br /> How do I remove the extra blank space that shows up to the right of the e-mail input when an error message occurs?</p> <p>Almost, done, I'm loving this software!! </p> https://www.machform.com/forums/topic/differently-styled-sections#post-11020 Thu, 09 Dec 2010 17:30:14 +0000 yuniar 11020@https://www.machform.com/forums/ <p>I'm afraid it won't be possible to have it exactly like that. However, you can set the background color of each fields and then set a padding for each section break field.</p> <p>I think it would be pretty close. </p> https://www.machform.com/forums/topic/differently-styled-sections#post-11014 Thu, 09 Dec 2010 05:27:13 +0000 skyblue 11014@https://www.machform.com/forums/ <p>Hi,<br /> I would like to know if its possible to split up certain sections and style them differently?<br /> I've attached an image of what I'd like to achieve. I know I can achieve this through CSS but since I don't have access to the php or HTML file, I'm not sure how to target these areas differently?</p> <p><a href="http://erindavidson.ca/images/screenshot.png" rel="nofollow">http://erindavidson.ca/images/screenshot.png</a> </p>