problem with microloader and theme [form is not showing well]

This topic contains 1 reply, has 2 voices, and was last updated by  Sebastian 6 years, 8 months ago.

Author Posts

nunopt

Notice: this information was written when Microthemer version 2 was current. On Dec 26th, 2014 version 3 was released with a completely new interface. Some of the information may be redundant, but as much of the functionality remains the same in version 3 we haven't deleted this post.

Hello

I am trying to use microloader and a theme for it in a new wp website with Contact Form 7, but for some reason the form is showing a strange design and some of the fields are not letting me enter any text now.
You can see it here: http://bit.ly/11bLSo0

I have already removed all css from the page since this is a wp proprietary theme, but still the form is not showing well as you can see.

I would appreciate all the help.

Thanking you in advance,
N


Sebastian

Hi there,

It seems there are still some styles in style.css that are trumping the styles in the contact form 7 pack. As you are using Microloader, rather than Microthemer, you’ll need to fix this by locating the relevant styles in style.css.

So, the line-height of the paragraphs being 16px is causing your input fields to be cut off. Find the following selector and delete the line-height rule: .page_wrap p { … }.

I also noticed some inline styling that appears to be breaking the layout. Some of the input fields have a wrapping div with the following inline CSS: style=”margin-top: -35px;float:right;margin-right: 175px;” Is it possible for you to delete this?

Finally, if you open up http://www.importmycar.pt/wp-content/themes/corporate/css/contact.css and delete the background rule for the following selector the dark grey black should disappear: .wpcf7 form { … }

I hope that helps!

Cheers,

Sebastian

You must login or register to reply to this topic.