Great. The form fields are now the correct colors.

The initial table style you wrote did not work, but I was able to make the table background transparent by making a small change to your code.

Here is what worked (I moved the word table to the right side, instead of table#fstable)…

#fstable, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
width: 285px;
line-height: normal;
font-size: 100%;
vertical-align: baseline;
border-collapse: True;
background: transparent !important;
}

The word “important” is important :) It overrides something we cannot find apparently.

And a small thing – the select field (to choose a state) has a very light vertical bar at the far right. No biggie but would like to get rid of it. You can see that bar in the state field here – http://www.finalsmoke.net/order-form-1/ , but it does not exist in the state field in my page before using Enfold here – http://www.quithere.com/fsmokewp/order-form/

Thanks for your help so far, and hope we can solve it all the way!

Updating Enfold file via ftp manually solved the problem. I wish I don’t have to deal with the same issue whenever I install plug-ins.

Thanks for your help!

Thanks for your respond. I think it happened after I activated a plug in. You can check my website at http://www.yonglee.net. The sorted menu (on categories ) has been disappeared. All I see is “all” button. is there any way I can update the theme file without loosing any setting and data I have already?

I’m really frustrated by this issue.

Here’s what I’ve found, after countless hours… When the retina images load, they are expanding to 100% the width of their container. When in non-retina, the image retains its intended size.

The only fix I can find, is to manually set the height of every single image I place on my site in the quick css, as follows:

#about-ces .avia-image-container img{
height: 337px !important;
}

When I look at it under Chrome’s css inspector, the offending code seems to be that base.css is setting “height:auto”, and when I turn that segment off in the inspector, the images all shrink down to their appropriate size. The code inspector lists the setting in:

media=”screen”
img, a img {
border: none;
padding: 0;
margin: 0;
display: inline block:
max-width: 100%;
height: auto;
image rendering: optimizeQuality;
}

And when I turn off the “height: auto” setting, it works.

Can Devin, Kriesi, or someone help me find a global fix to this please? Thanks.

Ok. Now how about the mobile css of the footer widget? The footer widgets are aligned to the left and there is alot of padding between the footer widgets on mobile devices.
I would like to center the alignment and remove or reduce the padding of the footer widgets.
Also how do I remove Enfold Theme by Kriesi from the socket?

You guys rock! Problem Solved.

Thank you,

Thanks you guys! I got it to work. Very cool.

Also noticed there are alternating row colors in tables that I did not put in here: http://www.finalsmoke.net/order-form-1/

Enfold is doing some complex overriding of tables and input fields somewhere.

My css for tables (below), is not really being obeyed, nor is my css for input fields.

#fstable table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border-color: #000;
border-width: 2px;
outline: 0;
width: 285px;
font-size: 100%;
vertical-align: baseline;
border-collapse: True;
background: none;
}

Can you please show me how to counteract what Enfold is doing with tables and input fields so my own styles will come through?

Thanks.

UPDATE: I found the issue. My login plugin (http://userproplugin.com/) conflicts with Enfold. My question now is there any way around this? It must load some offending javascript but I am afraid I am not much of a coder so I may have to find a new plugin.

Any advice is appreciated. Perhaps a login plugin that is thoroughly tested with Enfold?