Questions on Formatting « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

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 11 years ago on Friday June 7, 2013 | Permalink
Rob Harrell
Member

Looks like I need a login to view your form. Anyway you can make this public?

Posted 11 years ago on Friday June 7, 2013 | Permalink
sue104
Member

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

Posted 11 years ago on Sunday June 9, 2013 | Permalink
Rob Harrell
Member
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 11 years ago on Wednesday June 12, 2013 | Permalink
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 11 years ago on Wednesday June 12, 2013 | Permalink
Rob Harrell
Member

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 11 years ago on Wednesday June 12, 2013 | Permalink
sue104
Member

Hi Rob,

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

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

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