CSS Nightmare

You do not point out what the issue is exactly?

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”

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="https://schema.org/Review"><meta itemprop="author" content="Clint Eastwood">

So, again, how can we help?

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

This is the Chrome version… the IE version is worse. Not the web 2.0 you are describing.

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?

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:
https://www.awesomescreenshot.com/image/807846/48352562d5e2c27dff89f0fcbb44f88d

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”

Unless of course you have a resolve for the remaining issues ??? Totally up to you… but what we have is somewhat acceptable for now.