Need a Plain Unformatted Table

southhillsmarketing

Hello,

I'm a PHP/HTML/JavaScript programmer developing a new website for my company on my own for the first time. (Previously we had hired design firms to create templates for me.) I'm not experienced with CSS, which is why the Be Theme was purchased.

The problem is that I have several forms that I need to migrate over to the development site which have been put into HTML tables for the layout. The forms rely heavily on complex conditional logic and currently work exactly as needed, so I am very reluctant to rebuild them using a plugin form builder, but the Be Theme's CSS that controls the table design makes them look hideous.

Is there anyone who can help me with a custom CSS class to remove all table formatting? (I would like the tables to use the default font, though.)

Thank you very much for your time.

Albert

Hi,

please take a look at http://forum.muffingroup.com/betheme/discussion/453/how-to-make-a-plain-table where we explained how to make plain tables.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

southhillsmarketing

Hello, thank you for the prompt response.

I actually found that thread already and tried that. I also found one more thread that had the custom CSS I've currently got in place, but it still doesn't quite do the job.

Perhaps it would help to see what I mean. This is the form page on our current site that looks and functions as desired: http://www.southhills.edu/apply-now/

This is the same form page on the Be Theme development site that functions as desired but looks bad: http://greyhound.southhills.edu/application/ 

In particular, the calendar icon alignment is way off, and the calendar that pops up for the Date of Birth is all wrong.

If you have any more ideas, I'd love to hear them. Thanks again.

southhillsmarketing

Also, this is the custom CSS code I have currently in place:

/* Table */

table { 
  border-collapse: separate !important; border-spacing: 0 3px; font-size: 105%; vertical-align: middle;
}

table thead th { 
  font-size: 16px;  width: 20%; 
}

table th, table td { 
  border-width: 0; padding: 5px 5px 5px 5px; 
}

table tr:nth-child(1n) td {
  background:#f3f5f7; 
}

table tr:nth-child(2n) td {
  background:#ffffff; 
}

table tr:hover td {
  background: inherit; color: inherit !important; 
}

Albert

Hi,

the first url works fine but the second where you got BeTheme installed just does not work. Please sort your site first and let us know when it will be possible to have a look on it.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next