CF7 Styling different in Chrome

  • Okay, so my site, https://www.cleantelligent.com,

    has a specifically styled form in the footer. I had to use inline styling to get all the fields to show up where I need them. In Firefox and IE, it looks fantastic and all lined up. But when I opened it in Chrome, all the fields are misplaced.

    I tried using the following browser hack:

    /*Chrome Fix*/
@media screen and/*!*/ (-webkit-min-device-pixel-ratio:0) {

.infusion-field-footer{
	float: left;
	padding-top: 5px;
}
.chromefix-fn{
	position: relative;
	left: -200px !important;
	margin-top: 3px;
}
.chromefix-phone{
	left: -6px !important;
	position: relative !important;
}
}

    But it’s still not affecting the styling in Chrome.

    Any ideas here? I can post any additional code you need upon request.

    https://www.ads-software.com/plugins/contact-form-7/

  • The topic ‘CF7 Styling different in Chrome’ is closed to new replies.