Awesome!

Thanks for sharing your findings :-)

Hope you're enjoying the theme.

Best,

Chris

Just to add to the above, I stuck "width:50%" in both td.hd and td and that seemed to do the trick. No idea why the table-layout didn't work.

Rounded corners seem to work OK in tables. Yesterday they weren't coming out properly. But I ain't complaining if it looks right now!

Hi Chris,

That worked a treat, bunged the below into the custom CSS:

table{
	width: 100%
	border-collapse: separate;
	border-spacing: 10px 5px;
	text-align: center;
	table-layout: fixed;
}

tbody{
	background-color: #bfd2f0;
}

td.h{
	background-color: #a5c1ef;
	padding-top: 15px;
}

td{
	background-color: #bfd2f0;
	padding: 8px;
}

Results here: http://angelviewfilm.com/wordpress/?menu=about-us&panel=3

So pretty close to the concept. Only thing is the "table-layout: fixed;" doesn't appear to be creating equal width columns. Before putting the code into the custom CSS I had that property as <table style="table-layout:fixed;"> and it worked OK.

I may try to create a table look but with [div] shortcodes. That way I can do rounded corners much easier than with a table I gather.

Cheers

Shahid

Hi there,

Try adding it to the Custom CSS box on the Customize page (appearance > customize).

Also, don't forget the closing bracket for that last style.

Let me know if that helps.

Best,

Chris

Hey there,

I want to add some tables but am having trouble formatting them. I want to go for something that looks like: http://www.angelviewfilm.com/advantages.png

So I added a few extra lines to the MISC: Stylesheet (style.css):

table{
	width: 100%
	border-collapse: separate;
	border-spacing: 10px 0px;
}

td{
	background-color: #bfd2f0
	border-radius: 2px

But the style isn't being applied when I do a test table:

<table>
<tr>
<th>Some guy</th><th>AngelView</th>
<tr>
<td>Nope</td><td>Yes!</td>
</table>

Any thoughts? It's been a while since I've done CSS but I get the feeling that the style isn't being applied because there's a lower order style or something that's over riding the extra lines in style.css?

Cheers,

Bango