Title: CSS Nightmare
Last modified: August 30, 2016

---

# CSS Nightmare

 *  [ksteele36](https://wordpress.org/support/users/ksteele36/)
 * (@ksteele36)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-nightmare-3/)
 * I LOVE this plugin and have been using it since the beginning… but the most recent
   version is a css nightmare. I have reviewed, reviewed and reviewed the Inspect
   Element code and keep coming up with goose eggs. Also, I noticed that the it 
   varies greatly between the available browsers… (IE is dumb) Any chance someone
   can help with the code here? [https://mirrorchic.com/customer-reviews/](https://mirrorchic.com/customer-reviews/)
 * [https://wordpress.org/plugins/wp-customer-reviews/](https://wordpress.org/plugins/wp-customer-reviews/)

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

 *  [Flash Buddy](https://wordpress.org/support/users/flashbuddy/)
 * (@flashbuddy)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-nightmare-3/#post-6809040)
 * You do not point out what the issue is exactly?
 *  Thread Starter [ksteele36](https://wordpress.org/support/users/ksteele36/)
 * (@ksteele36)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-nightmare-3/#post-6809041)
 * I’m pretty sure it was obvious once you visit the page and open the form. But,
   specifically, the table rows are not 100% width of the form and have a different
   color background… looks pretty lame.
 * “K”
 *  [Flash Buddy](https://wordpress.org/support/users/flashbuddy/)
 * (@flashbuddy)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-nightmare-3/#post-6809042)
 * Now way, it looks super cool. Love the forceful teal borders. Now that’s WEB 
   2.0.
 * Are you really displaying reviews with the plugin on this page? If you are I’m
   not finding them. The two I see look like you used your themes built in builder‘
   casue I see selectors like .avia-. Your code is showing:
 *     ```
       <div class="avia_textblock " itemprop="text"><blockquote><p>“We wanted to upgrade the look of our bathrooms by adding frames to our boring mirrors. We called MirrorChic.com and they helped us with the measuring process and were very helpful as we had medicine cabinets that were in the way. We received our order within a few days and had no problem assembling and installing them. Wow, what a difference they made! I would recommend this to anyone, best home improvement dollar we ever spent.”</p>
       <p>Sandy H<br>
       Escondido, CA</p>
       </blockquote>
       </div>
       ```
   
 * This plugin wraps reviews thus:
 *     ```
       <div id="wpcr3_id_13827" class="wpcr3_review" itemprop="review" itemscope="" itemtype="http://schema.org/Review"><meta itemprop="author" content="Clint Eastwood">
       ```
   
 * So, again, how can we help?
 *  Thread Starter [ksteele36](https://wordpress.org/support/users/ksteele36/)
 * (@ksteele36)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-nightmare-3/#post-6809043)
 * Hi thanks for helping. We are obviously seeing two different screens and yes 
   of course the top reviews are not of the review plugin. Here is a SS of what 
   I am looking at in Chrome browser v46.0.24 —-> [https://mirrorchic.com/ss/ss-1.png](https://mirrorchic.com/ss/ss-1.png)
 * This is the Chrome version… the IE version is worse. Not the web 2.0 you are 
   describing.
 *  [Flash Buddy](https://wordpress.org/support/users/flashbuddy/)
 * (@flashbuddy)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-nightmare-3/#post-6809045)
 * Wow, you must be very creative. I see now you are having problems with the styling
   of your review input form, right? Now what I don’t know is what you are trying
   to do. Are you trying to get rid of the cyan color in the background? …and make
   the inputs 100% of the width?
 *  [Flash Buddy](https://wordpress.org/support/users/flashbuddy/)
 * (@flashbuddy)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-nightmare-3/#post-6809048)
 * Well ksteele36, putting that form in a table makes it a real nightmare, so I 
   credit you there. Your theme’s table styles are taking it over. You can try to
   fight back with the following CSS, though not guaranteed as I can’t test on your
   setup:
 *     ```
       table.wpcr3_table_2{
       	background: #fff!important;
       }
       #top label {
           font-weight: bold;
           font-size: 0.92em;
           width: 70px;
       }
       input#wpcr3_fname, input#wpcr3_femail, input#wpcr3_ftitle{
       	width: 378px;
       }
       ```
   
 * My form looks nothing like yours. Here is mine with no styling added:
    [http://www.awesomescreenshot.com/image/807846/48352562d5e2c27dff89f0fcbb44f88d](http://www.awesomescreenshot.com/image/807846/48352562d5e2c27dff89f0fcbb44f88d)
 *  Thread Starter [ksteele36](https://wordpress.org/support/users/ksteele36/)
 * (@ksteele36)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-nightmare-3/#post-6809049)
 * Yes. That is most likely what is happening… but, the table being overwritten 
   is the default behaviour of the theme interacting with the plugin and not my 
   doing. Your code brings things a lot closer to being an acceptable solution –
   so thanks for that. When I have more time I will revisit this and correct the
   rest.
 * best regards, “K”
 *  Thread Starter [ksteele36](https://wordpress.org/support/users/ksteele36/)
 * (@ksteele36)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/css-nightmare-3/#post-6809050)
 * Unless of course you have a resolve for the remaining issues ??? Totally up to
   you… but what we have is somewhat acceptable for now.

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

The topic ‘CSS Nightmare’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-customer-reviews_47737d.svg)
 * [WP Customer Reviews](https://wordpress.org/plugins/wp-customer-reviews/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-customer-reviews/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-customer-reviews/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-customer-reviews/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-customer-reviews/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-customer-reviews/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [css issues](https://wordpress.org/support/topic-tag/css-issues/)

 * 8 replies
 * 2 participants
 * Last reply from: [ksteele36](https://wordpress.org/support/users/ksteele36/)
 * Last activity: [10 years, 4 months ago](https://wordpress.org/support/topic/css-nightmare-3/#post-6809050)
 * Status: not resolved