cforms II User Forum

	Current User: Guest	FAQs

cforms II User Forum CSS Styling and Layout Need help with SIMPLE FOR DEV.

Need help with SIMPLE FOR DEV.

Page: 1

Reply to Post

Add a New Topic

Post

Guest

andrew_s

4:42 am January 17, 2009

Quote and Reply

Ok, so I'm tring to create an incredible simple form using this plugin.

I just need one box to fill out for my newsletter it only needs to look something like this

any help coding this would be great

Thanks!!!

Admin

Oliver

Munich, Germany

posts 6237

11:49 am January 17, 2009

Quote and Reply

no need to code anything, it's all configuration

** FAQS ** cforms home page ** donations

Guest

FuegoHD

2:23 am January 20, 2009

Quote and Reply

This plugin is awesome. But I am css illiterate. I made a form just like the one mentioned in this topic, one email field for a newsletter. I placed it in the sidebar but it is hanging out the right side of the sidebar. I guess it is left margin or padding, and tried changing the values in the styling, however I must be changing the wrong sections. Can you please tell me what line to alter in the css in order to get the form to move to the left so it can be centered in the sidebar. BTW my theme has a wp_head() in header.php

Many thanks in advance.

http://www.fuegohd.tv

WP 2.7

CFormsII 10.1

FireFox & IE7

Guest

FuegoHD

8:03 am January 20, 2009

Quote and Reply

I actually got the sidebar issue fixed by selecting the sidebar theme. Then I used the information in the FAQ's to make the default form wider to fit in the content section of the page. However, I must have done something wrong, one of the fields didnt take the adjustments I made. The multi line text field remains the size of the sidebar theme… And the form in the sidebar did take the adjustments and is now wide as the default form, although I did specify the form in the stylesheet. Please let me know what I am doing wrong or am not doing. Thanks

Form url: http://fuegohd.tv/about/

Here is what I did:

.cform1form {
    margin:10px auto 0 auto;
    width: 410px;
    overflow:hidden;

.cforms1form input,
.cforms1form textarea,
.cforms1form select {
        width:410px
    padding:3px;
    background: #f9f9f9;
    border:1px solid #888888;
    vertical-align:top;