Title: Wrong preview while costumizing form in CSS
Last modified: September 3, 2020

---

# Wrong preview while costumizing form in CSS

 *  Resolved [rajkonocko](https://wordpress.org/support/users/rajkonocko/)
 * (@rajkonocko)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/wrong-preview-while-costumizing-form-in-css/)
 * Hello again.
    I have a problem with real-time preview whali working with customising
   CF 7 form I made with plugin Smart grid. Preview I directly see changing CSS 
   and posted preview differ. I’m changing CSS in Firefox. The preview directly 
   from server are seen different from edited in all other browswers (Chrome, Edge,
   also Firefox and also on mobile devices – doesnt work on old IE 11 …) See link:
   [https://drive.google.com/file/d/1hiYgChuYuWVX0FsZLtKnEtNeWD0Amupd/view?usp=sharing](https://drive.google.com/file/d/1hiYgChuYuWVX0FsZLtKnEtNeWD0Amupd/view?usp=sharing)
 * As I remember, I didn’t have this problem using older version SG plugin, but 
   I’m not sure.
    As I’m pretty novice in WP it is possible I’m doing somethin wrong.
   Do I have to customise Form some other way?
 * Rajko
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fwrong-preview-while-costumizing-form-in-css%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/wrong-preview-while-costumizing-form-in-css/#post-13356666)
 * you have to refresh your browser cache to see the updated css changes.
 *  Thread Starter [rajkonocko](https://wordpress.org/support/users/rajkonocko/)
 * (@rajkonocko)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/wrong-preview-while-costumizing-form-in-css/#post-13357068)
 * I’m affraid that ther is another problem. I delete cache regulary.
 * I have cleared cache in all browsers but it worked the same.
    One preview I get,
   when I’m logged in and another visiting site normaly.
 *  Thread Starter [rajkonocko](https://wordpress.org/support/users/rajkonocko/)
 * (@rajkonocko)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/wrong-preview-while-costumizing-form-in-css/#post-13358343)
 * I’ve yust downgraded Smart Grid plugin to version 3.3.6 and everything is working
   OK.
    No more problems with CSS preview.
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/wrong-preview-while-costumizing-form-in-css/#post-13360612)
 * > Preview I directly see changing CSS and posted preview differ.
 * where to you change your CSS for preview?
 *  Thread Starter [rajkonocko](https://wordpress.org/support/users/rajkonocko/)
 * (@rajkonocko)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/wrong-preview-while-costumizing-form-in-css/#post-13361301)
 * I change it in:
    WP-> Edit (Post) -> Preview -> Appearance -> Customize CSS and
   edit it. What is wrong you can see on link: [https://drive.google.com/file/d/1PcZOJu_DCQxE-lr5GESIicG-a24YTGPR/view?usp=sharing](https://drive.google.com/file/d/1PcZOJu_DCQxE-lr5GESIicG-a24YTGPR/view?usp=sharing)
   Troubles are only within tab section. As I said, with CF7 SG 3.3.6 with the same
   process everything works OK.
 * I’m affraid there is a problem with overriding some of CSS code.
 *  Plugin Author [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * (@aurovrata)
 * [5 years, 9 months ago](https://wordpress.org/support/topic/wrong-preview-while-costumizing-form-in-css/#post-13370764)
 * > WP-> Edit (Post) -> Preview -> Appearance -> Customize CSS and edit it.
   >  What
   > is wrong you can see on link:
 * this will only change in the browser, it will not be permanent.
 * > Preview I directly see changing CSS and posted preview differ.
 * but you mention that changes in the CSS you are able to see in the preview…so
   you are talking about CSS changes you made before you load the preview. Where
   did you make these changes?

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Wrong preview while costumizing form in CSS’ is closed to new replies.

 * ![](https://ps.w.org/cf7-grid-layout/assets/icon-256x256.png?rev=1834229)
 * [Smart Grid-Layout Design for Contact Form 7](https://wordpress.org/plugins/cf7-grid-layout/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/cf7-grid-layout/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/cf7-grid-layout/)
 * [Active Topics](https://wordpress.org/support/plugin/cf7-grid-layout/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/cf7-grid-layout/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/cf7-grid-layout/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [Aurovrata Venet](https://wordpress.org/support/users/aurovrata/)
 * Last activity: [5 years, 9 months ago](https://wordpress.org/support/topic/wrong-preview-while-costumizing-form-in-css/#post-13370764)
 * Status: resolved