problem with microloader and theme

Tagged: contact form 7, issue with design

This topic has 1 reply, 2 voices, and was last updated 12 years, 4 months ago by Sebastian.

Author	Posts

nunopt November 30, 2012 at 8:17 pm	Heads up! this post was created when Microthemer was at version 1. The current version is 7. Some references to the interface may be out of date. 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 December 1, 2012 at 1:58 pm	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

Author

Posts

nunopt November 30, 2012 at 8:17 pm

Heads up! this post was created when Microthemer was at version 1. The current version is 7. Some references to the interface may be out of date.

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 December 1, 2012 at 1:58 pm

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.

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

Support