PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Questions on Formatting

  1. sue104
    Member

    Hi there,

    I'm a real beginner at this, so apologies for the basic questions. I've tried searching the forums already, and got bits and pieces of it to work, but it's still not quite there yet.

    1) Page 1 of my form: My theme's CSS seems to assign font weights to the form labels, and also make everything uppercase. I added the following, but now, the header/question label is no longer bold, and when the radio button is selected, it no longer gets bold either. How can I fix this? Also, can I add spacing between the first question and the next?

    #gform_wrapper_3 label {
    	text-transform: none;
    	font-size:13px;
    	font-weight: normal;
    }

    2) Page 2 of my form: For the radio buttons, I've used CSS Ready Class "gf_list_3col" to split the radio buttons into 3 columns. Is it possible for the radio buttons to be centrally aligned within the columns?

    3) Page 2 of my form: Previous/Next buttons. I've used the following to align the Previous/Next buttons to the right, but... my Next button is on the left, and the Previous button is on the right. How can I swap this around?

    body #gform_wrapper_3 .gform_body .gform_page_footer .gform_next_button {
    	float:right;
    }
    body #gform_wrapper_3 .gform_body .gform_page_footer .gform_previous_button {
    	float:right;
    }

    4) Page 3 of my form: Submit button. Any chance of it moving to the right, with the Previous button on the left?

    Link to my form:
    http://bit.ly/15G6PZd

    Thanks in advance for your help!

    Posted 8 years ago on Friday June 7, 2013 | Permalink
  2. Looks like I need a login to view your form. Anyway you can make this public?

    Posted 8 years ago on Friday June 7, 2013 | Permalink
  3. sue104
    Member

    Oh no, sorry about that! I've made it public, so it should work now. Thanks!

    Posted 8 years ago on Sunday June 9, 2013 | Permalink
  4. For item #1 - just get rid of the font-weight normal:

    [css]
    #gform_wrapper_3 label {
    	text-transform: none;
    	font-size:13px;
    }

    Then add this in to make the radio/checkbox labels not bolded:

    [css]
    .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
    font-weight: normal;
    }

    For item #2, use this:

    [css]
    #field_3_9 li {
    text-align: center;
    }
    #field_3_9 input {
    float: none;
    }
    #field_3_9 label {
    display: inline;
    margin: 0;
    }

    For item #3 - instead of floating the inputs, remove that and replace with this:

    [css]
    .gform_wrapper .gform_page_footer {
    text-align: right;
    }

    For item #4 - I'm thinking the above should correct that as well.

    Let me know if you run into any issues.

    Posted 8 years ago on Wednesday June 12, 2013 | Permalink
  5. sue104
    Member

    Hi Rob,

    Thanks for your response!

    I'm still having trouble with #3 and #4. I've removed my code and replaced it with yours, but the buttons are still on the left. Any chance of you taking a look at it?

    Aside from that, the rest works great! Thanks!!

    Posted 8 years ago on Wednesday June 12, 2013 | Permalink
  6. Take a look at this screenshot. It looks like that display block on the input button type selector is causing the alignment to not work.

    Posted 8 years ago on Wednesday June 12, 2013 | Permalink
  7. sue104
    Member

    Hi Rob,

    Sorry for my late response. Yes, that certainly fixes it. Thanks lots for all the help!

    Posted 8 years ago on Thursday June 20, 2013 | Permalink

This topic has been resolved and has been closed to new replies.