Ask your WordPress questions! Pay money and get answers fast! (more info)

Simple little css3 table WordPress

  • SOLVED

Hi Guys

I have added a table to this page

http://internationalacademyforrelationshipcoaches.com/wordpress/about-relationship-coaching/

I picked the code up from here

http://johnsardine.com/freebies/dl-html-css/simple-little-tab/

I am trying to adjust the css to fit the style and layout I'm after and have not done too bad, however... as you can see from my page my 2 columns are not equal and I cannot find in the css how I would even them up.

Can someone show me how please?

Many thanks
Steve

Answers (2)

2013-06-10

idt answers:

Hi! You can add this to your style.css:

body.page-id-9 article table td {width: 50%;}


Steve Watson comments:

Perfect thanks

can you explain how the article bit works for me?


Steve Watson comments:

Perfect thanks

can you explain how the article bit works for me?


idt comments:

The article part of that style is just to make it more specific on style targeting. You can remove it and still effect is the same or you can also do something like this instead of the one I posted above and result is the samebody.page-id-9 .entry-content table td {width: 50%;} or be very specific as this: body.page-id-9 article .entry-content table td {width: 50%;}. Hope that helps.

2013-06-10

isp_charlie answers:

try this
body.page-id-9 article table {margin-left:0;margin-right:0}
body.page-id-9 article table td {width: 50%;}