The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

Contact Form 7
CF7 Styling different in Chrome (1 post)

  1. JCKnoell
    Posted 2 years ago #

    Okay, so my site, http://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) {
    	float: left;
    	padding-top: 5px;
    	position: relative;
    	left: -200px !important;
    	margin-top: 3px;
    	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.


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic