DGRComms
Member
Hi,
I used the 2col and 3 col list ready class and looks great on the preview but when I added it to the page its not working. Unfortunately I cannot show you a link as my site is only viewable by changing your host file.
Can you give me an idea where I should look to try and fix this issue?
Thanks
Ginnie
I can make a change to my hosts file to see your site. If the rules work in the preview but not on the front end of your site, it is going to be conflicting CSS in your theme or a plugin which is causing the problem. We will need to see it to help you fix it.
You can confirm this is the case by trying the default twenty eleven theme. If the layout looks correct then, you have a conflict with the CSS in the theme. In any event, we will need to see the site live to determine which CSS is causing your ready classes to not work.
DGRComms
Member
Yes, you are right its the theme. You can change your host file to 184.173.72.100 hibcc.org http://www.hibcc.org
The address for the form is http://hibcc.org/about-hibcc/hibcc-membership/
Thanks for your help.
I'm not able to bring the new site up at that address. I keep getting a 404 error from IIS, on the old site. Can you please confirm the information for the hosts file? Thank you.
DGRComms
Member
Hi
I just double checked and it should be 184.173.72.100 hibcc.org http://www.hibcc.org
with out the http:// in front of the www.
Thanks
Got it. It seems to be working for me now:
ping hibcc.org
Pinging hibcc.org [184.173.72.100] with 32 bytes of data:
Reply from 184.173.72.100: bytes=32 time=112ms TTL=26
Reply from 184.173.72.100: bytes=32 time=269ms TTL=26
Reply from 184.173.72.100: bytes=32 time=397ms TTL=26
Reply from 184.173.72.100: bytes=32 time=411ms TTL=26Which fields do you want laid out in columns?
The conflict is in your theme's style.css on lines 6347 and 6349:
[css]
display:block;
clear:both;Try adding this to your style.css to remove those styles from the theme:
[css]
body .gform_wrapper form ul,
body .gform_wrapper form li {
display:inline;
clear:none;
}Try that and see if there are any ill effects. If so, we might need to add styles specific to gf_list_2col and gf_list_3col. This is where you would do it.
DGRComms
Member
Thanks, I added it and its made some fields on this form look strange
http://hibcc.org/udi-labeling-standards/apply-for-a-lic/
and it also pulled up the Payment Details onto the line above which we don't want. http://hibcc.org/about-hibcc/hibcc-membership/
By adding the specific styles, do you mean adding them to my theme stylesheet?
Thanks
Ginnie
DGRComms
Member
Also whilst you are looking at these forms with me, I have another quick question. I am using gf_inline of page 3 of this form http://hibcc.org/udi-labeling-standards/apply-for-a-lic/ Just click next to get to it, its still being built so there are not required fields set.
I need to have "Specify annual sales $ (text field) Fiscal year of specified sales: (text field) year. " Which I got working great. But is there anyway of removing the space above the input field via CSS on just those fields? I know that the space is where the field title normally goes.
Thanks, appreciate your help on a Saturday!
I meant that we would have to make the styles more specific, to apply only to the list items where you used gf_list_2col or gf_list_3_col. Try this instead of what I posted before:
[css]
body .gform_wrapper form li.gf_list_2col li,
body .gform_wrapper form li.gf_list_3col li {
display:inline;
clear:none;
}You can just replace the lines you pasted before with these new lines.
Great. Glad you were able to work that out.