This forum is no longer open and is for reading/searching only.
Please use our new MachForm Community Forum instead.
MachForm Community Forums » MachForm 2
CSS and Button help
Started 13 years ago by CyberSpy | 15 posts |
-
Hi Everyone (and Yuniar/Redityo),
I'm currently working with Machform 2.4 and a template from Themeforest with ExpressionEngine as the CMS and I need some assistance using the CSS from the template and incorporating it into Machform.The contact template is - http://para.llel.us/themes/unite/sample-contact.html and I'm using "skin 1" (the default).
1) The CSS for the for fields. From what I can see, this is the only CSS for the fields..
/* contact */ #CommentForm fieldset legend { display: none; } #CommentForm div { margin-bottom: 1.5em; } /* space between inputs */ #CommentForm .textInput, #CommentForm textarea { width: 325px; margin: 0; } /* margins set by containers <div> */ #CommentForm textarea { height: 150px; } #CommentForm input.error, #CommentForm textarea.error { background-color: #ffc; border-color: #EF7E58;} #CommentForm label.error { display: block; color: #f33; font: bold 10px Verdana, Arial, Helvetica, Garuda, sans-serif; line-height: 1em; /* required for negative margins to work fully */ margin: 0.2em 0 -1.2em; /* negative margins counter act error message space so input fields don't shift */ }
2) The button. It's using a css sprite method (for hover, etc)..
/* button styles */ button { position: relative; cursor: pointer; overflow: visible; /* removes extra side padding in IE */} button.btn { border: 0; padding: 0; outline: none; margin-left: -6px; /* corrects for shadow to make left edge look aligned */ } button span { position: relative; display: block; white-space: nowrap;} button.btn { padding: 0 35px 0 0; margin-right:5px; font-size: 1em; text-align: center; background: transparent url("../images/button-sprite.gif") no-repeat right -92px;} button.btn span { padding: 13px 0 0 35px; height: 29px; background: transparent url("../images/button-sprite.gif") no-repeat left top; color: #a2a2a2; line-height: 1.2; text-shadow: #000 -1px -1px 0px;} button.btn:hover, button.btnHover { background-position: right -138px;} /* extra class used for sucky browsers (stupid IE) */ button.btn:hover span, button.btnHover span { background-position: 0 -46px; color: #fff; text-shadow: #333 -1px -1px 1px;} .darkBg button.btn, .darkBg button.btn span, #Footer button.btn, #Footer button.btn span, #ContentPanel button.btn, #ContentPanel button.btn span { background-image: url("../images/button-sprite-dark.gif"); } /* for buttons on dark backgrounds */
Any assistance would be greatly appreciated and I have no issues sending you the full CSS files or any files you need to look at, giving you access to the back-end (both ExpressionEngine or Machform).
I hope I gave enough information and look forward to any and all help.
-CS
Posted 13 years ago # -
As I look through the css file, it has quite a few areas that pertain to input fields. It might be easier to ignore the css I posted and just view source or I can send you the file.
Posted 13 years ago # -
I think it would be easier if we could see the link to your form and the CSS adjustments you have made so far. Can you post the URL please? or you can mail us directly.
MachForm Founder
Posted 13 years ago # -
Ok, I'll email you. Thanks Yuniar
Posted 13 years ago # -
Do I send the email to customer.service@? (I want to attach the CSS file as well as give access to Machform).
Posted 13 years ago # -
Yes, you can send it to: customer.service [at] appnitro.com
MachForm Founder
Posted 13 years ago # -
Just just the email. Thank you!
Posted 13 years ago # -
Any word on it?
Posted 13 years ago # -
Ohh,, have you sent the email to the above address? I can't seem to find it.
Did you get any automated reply confirming your request?Can you send it again please? Or you can use the contact form below:
http://www.appnitro.com/machform/contactMachForm Founder
Posted 13 years ago # -
I did send it, and got a confirmation mail. My number was 29492. I'll send it again.
Posted 13 years ago # -
Just re-sent it. I have no way to attach the css file to the contact form listed above.
CS
Posted 13 years ago # -
New ticket number is 29563
Posted 13 years ago # -
Ah.. got it. It seems your previous request was marked as spam, somehow. Sorry!
I'll check it and reply to your email.MachForm Founder
Posted 13 years ago # -
I replied to your email, so if possible can you see if it when in spam again?
Thanks,
CSPosted 13 years ago # -
I'll check and reply to your email as soon as possible.
MachForm Founder
Posted 13 years ago #
Reply
You must log in to post.