Need a Plain Unformatted Table

southhillsmarketing · September 2015

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 · September 2015

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.

southhillsmarketing · September 2015

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 · September 2015

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 · September 2015

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.

Need a Plain Unformatted Table

Comments