Inovado wordpress theme messes up the form

[turner2f]

I am using the Inovado wordpress theme

http://themeforest.net/item/inovado-retina-responsive-multipurpose-theme/3810895

===========================

The forms look really bad because they are using the theme’s CSS

How do we deactivate the theme’s CSS so that it looks as nice as when we “preview” the form ?

Please help as I am on a really tight deadline.

Thanks in advance.

[Allan]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[turner2f]

Did not seem to work.

Is there a Custom CSS for making the text fields and the radio button inline?

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[turner2f]

Thanks for the reply.

Here is a link to the page.

http://cmsabirmingham.org/v2/events/lunch-learn-members-only/

We have the form set at “3 columns” . We are trying to get the fields and the radio buttons to be “inline”.

We have purchased the plugin a year ago for another site and it was fine.

We are using this plugin in it’s “development stage” and will be purchasing a license once we are done posting and testing all the forms.

We also have 3 more sites we want to purchase for. (PS – Looks beautiful on the “Enfold” theme”)

Look forward to your help.

Thanks in advance.

• This reply was modified 11 years, 2 months ago by turner2f.

[josef777]

in shortcodes.css
remove the style clear:both;

form div {
clear: both;
display: block;
}


[josef777]

Or try to add the following style to your stylesheet

.iphorm-clearfix {
clear: none;
}


[turner2f]

Wow!

That did just the trick concerning the text fields.

Thank you SO VERY much !

=======

Just one thing though is that the “Radio buttons” are still stacked on top of each other.

Please see http://cmsabirmingham.org/v2/events/lunch-learn-members-only/

Do you have a CSS fix for that as well?

=======

Thanks in advance.

• This reply was modified 11 years, 2 months ago by turner2f.

[turner2f]

Did not find a “shortcodes.css” file.

Are you talking about placing

form div {
clear: both;
display: block;
}

from within the admin panel of the QuForm plugin?

[josef777]

the file is located here http://cmsabirmingham.org/v2/wp-content/themes/inovado/framework/css/shortcodes.css

[turner2f]

Good lookin’ out Josef777 .

Doing the mod in the shortcode.css did’nt work.

BUT the changing the plugin CSS to

.iphorm-clearfix {
clear: none;
}

did the trick for the labels and fields

===========================

Do you have a mod fix for the checkboxes and radio buttons to make them inline ?

See . . .

http://cmsabirmingham.org/v2/events/non-member-registration/

===========================

Thanks in advance.

[Allan]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[turner2f]

Already did this.

Please see the two (2) attached screen shots.

===================

Do you have a mod fix for the checkboxes and radio buttons to make them inline ?

See . . .

http://cmsabirmingham.org/v2/events/non-member-registration/

Attachments:

You must be logged in to view attached files.

[Allan]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[turner2f]

Awesome.

It worked !

Will be buying another license on Saturday for sure.

And will be buying even more for future projects.

Gave it five stars

[Author]

Posts