Rob Snow
asked 6 years ago

Hi
The plugin has a conflict with the GravityForm CSS, is there a way I can set a global control for just the QA plugin regarding CSS?
It puts fields on new lines, and squashes the width, etc. Here are some Before Plugin Activation and After Plugin Activation
![Before](https://www.dropbox.com/s/kb6iltcsu1qldar/Screen%20Shot%202016-04-19%20at%2010.12.14.png?dl=0)
![After](https://www.dropbox.com/s/cv57gmmzyw0qigy/Screen%20Shot%202016-04-19%20at%2010.13.10.png?dl=0)
![Before](https://www.dropbox.com/s/dvkhyjebxhd5oc7/Screen%20Shot%202016-04-19%20at%2010.13.19.png?dl=0)
![After](https://www.dropbox.com/s/0406q4nweifaj0v/Screen%20Shot%202016-04-19%20at%2010.14.00.png?dl=0)

Thanks
Rob

2 Answers
DominicStaff
answered 6 years ago

Please send me your site for further checking.

Rob Snow
replied 6 years ago

Hi
I have deactivated it at present. Will you need it active. I have just installed the Knowledge base on, and that seems NOT to have an issue.

Rob Snow
replied 6 years ago

I am going to college now.. So will activate the plugin and monitor from work.

Dominic Staff
replied 6 years ago

I know you are busy with your school. If you have check this question or get an email from me, please give me a URL to go to the pages that you want to check and fix, I tried to find your page but lucky not smile to me :).

Rob Snow
replied 6 years ago

Sorry, I forgot to take my login here, so I couldn’t connect.
Anyway, the problem affects UserPro plugin as well.
Now, you need to login to see the issue with the forms, but you can get the idea on this one: https://www.artistic-license.org/contact/
The first and last should be on the same line, and the email fields. Same here:
https://www.artistic-license.org/contact/suggestions-page/
Here with the social icons: https://www.artistic-license.org/profile/register/
Let me know if you need me to make a basic account to see the forms as well.

Dominic Staff
replied 6 years ago

You can try the following code, please add the code to the style.css file:

“`

.gform_wrapper .ginput_complex.ginput_container p { padding: 0px; }
div.ginput_container_name span:last-child { float: left; }
.ginput_complex .ginput_left { float: left; }
.gform_wrapper .ginput_complex .ginput_right { margin-top: -22px; }
div.userpro-social-connect a.userpro-social-linkedin { margin-top: -18px; }
div.userpro-social-connect { width: 30%; }

“`

Rob Snow
replied 6 years ago

It’s solved some of the errors, but some still remain. Tick boxes don’t show, some fields have placement issues, etc.
Would be nice to have a global fix that isolated the QA styles away from the other conflicting ones.

Thanks

Dominic Staff
replied 6 years ago

Please let me know the position of the Tick boxes. I know what you want. However, out plugin still fully compatible with third party, you can let me know detail about the position I will check and help you change the style.

Rob Snow
replied 6 years ago

I am making a list of all errors. The tick boxes are on forms that you have to be registered to be able to see.

Rob Snow
replied 6 years ago

Issues with Questions and Answers
These are the ones I found. Your code above affects the Footer contact form for sure, as it was OK before installing that.

https://www.artistic-license.org/profile/login/ – Main box is stretched and remember me is below line

https://www.artistic-license.org/profile/register/ – Main box is stretched and to complete is below line

Mailing list on frontage is messed in footer

https://www.artistic-license.org/inspiration/ – stretching the boxes longer than should be.

https://www.artistic-license.org/blog/ – stretching the boxes longer than should be.

All forms for gravityForms have issues

Rob Snow
replied 6 years ago

I have been reading about this, and is it possible to load the CSS files in a different order so the affected ones are not getting an override?

Rob Snow
replied 6 years ago

I removed all the connections to the CSS and it still has an issue. It must be something being called in the PHP files.
Do you have any insight?
Let me know as I will have to remove it completely if it conflicts with the sites priority aspect – the forms.

Rob Snow
answered 6 years ago

If I upgrade to Pro can we try and get this resolved today, as the forms are imprtant on my site and they don’t work without tick boxes, etc.

Is there a way of having a script to only load your CSS and JS on the pages required. I saw it on another QA plugin?

Rob Snow
replied 6 years ago

Could I use something like this:
<?php
if(is_page('Page-Name')){
echo '’;
}
?>

Rob Snow
replied 6 years ago

with – =

Rob Snow
replied 6 years ago

OK, doesn’t recognise code. Here is the link: https://wordpress.org/support/topic/page-specific-css

Rob Snow
replied 6 years ago

Any news on this issue?
I will have to turn the plugin off to allow forms to work properly.

Dominic Staff
replied 6 years ago

I will access and check your site now.

Rob Snow
replied 6 years ago

Great! Let me know when you’re done, so I can turn the plugin off again. Thanks

Dominic Staff
replied 6 years ago

I will access and check your site now.

Dominic Staff
replied 6 years ago

I have added some CSS to fix some issue on your site, you can check now and let me know the position that you still facing the style issue.

Rob Snow
replied 6 years ago

They didn’t work completely and looks awful in that state, so i removed. I sent screens of the results at your email.

Dominic Staff
replied 6 years ago

I received your email, I have checked it and see the it’s new issue. I have helped you resolve the issue in this question. About the new issue in the email, you can send me your theme folder, I will install it check to fix the issues.
Or If you have any issue you should send me the link go to page and a screenshot, I will fix it.

Rob Snow
replied 6 years ago

I found a QA on CodeCanyon that didn’t conflict, so went on that path. I still have the knowledge base which works OK, so if any issues occur I will be in touch. Thanks again.

Powered by DW Question & Answer Pro