Applying CSS to Form - not showing up

Support has been upgraded!

The Support Forum is closed. Not to worry! Providing the top quality support you expect and we're known for will continue! We're not ending support, just changing where you submit requests. This will provide you with the best experience possible.

Premium Support

Have you purchased an addon for Connections such as one of our premium templates or extensions with a valid license and you need help?

Please open a Support Ticket in your user account.

Click here to open a support ticket.

Free Support

Are you using the free Connections plugin? Don't worry, you are still very important to us! We are still providing you with the same high quality support that we're known for.

Please open a new support topic in the WordPress support forums for Connections.

Click here to open a support topic.

This topic is: resolved

Tagged: 8.2.6, css, form

This topic has 3 replies, 2 voices, and was last updated 8 years, 1 month ago by Steven Zahm.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
05/06/2015 at 5:42 pm #333619
karen-2
Participant
Hello, I’m trying make some changes to the Form that users would submit, using suggested CSS code you’ve posted in other threads, but it isn’t showing up.

Just to test it out, I tried adding the following to my theme’s main style.css :

To hide the latitude and longitude fields:

<h1>cn-form div.form-field .address-geo {</h1>
```
display: none !important;
```
}

To change the color of the form (note – I changed these to pure black and white just so I could see if it is working – those colors will not be my final choice.)

<h1>cn-form .cn-metabox {</h1>
```
background-color: #000000;
background-image: -moz-linear-gradient(center top , #000000, #ffffff);
```
}

I have created a custom page where users will complete the form. This page will be hidden behind a membership wall. I’ve left it open for now so you can see it:
http://www.animalflow.com/members/instructorform/

Any idea why the CSS isn’t taking? Thanks!
05/07/2015 at 10:45 am #333699

Steven Zahm
Keymaster

@ karen

I went to take a look but the page requires me to login…

05/07/2015 at 9:46 pm #333743

karen-2
Participant

Oops! Accidentally had Form set to require login for viewing. Fixed it, it should be viewable now. Thanks!

05/08/2015 at 9:00 am #333754
Steven Zahm
Keymaster
@ karen

This works:
```
#cn-form .address-geo {
  display: none !important;
}


#cn-form .cn-metabox {
  background-color: #000000 !important;
  background-image: -ms-linear-gradient(top,#000000, #ffffff) !important;
  background-image: -moz-linear-gradient(top,#000000, #ffffff) !important;
  background-image: -o-linear-gradient(top,#000000, #ffffff) !important;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#000000),to(#ffffff)) !important;
  background-image: -webkit-linear-gradient(top,#000000, #ffffff) !important;
  background-image: linear-gradient(top,#000000, #ffffff) !important;
}
```
Hope that helps!
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You cannot reply to this support topic. Please open your own support topic.

Applying CSS to Form – not showing up

Support has been upgraded!