Estate App theme – need help to show table borders

[TraceyR]

Hi there,

I'm using the Estate app theme (for selling properties) - and am struggling to sort out a minor issue.

One one of my pages, I've added some events in a table, with the borders showing - here is a screenshot of the page being edited, where you can see the borders: http://screencast.com/t/yqd6kipP0sBR

However, when viewing the page as a user, the borders don't show up (http://thesimplewebinarcompany.com/curzon/events/)

In the "reset.css" file it has this:
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-size: 100%;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}

and I added this to my custom.css to try & get the code to recognise the border setting on the page itself:
table, caption, tbody, tfoot, thead, tr, th, td {
border: inherit;
}

But this doesn't work, as I am assuming it's "inheriting" the border attribute from the other CSS file, not the HTML on the page!

If I switch off the border attribute temporarily using Firebug (in Firefox) the border shows up just fine - screenshot: http://screencast.com/t/U6Qvhi1N1iy

However, it's never a good idea to mess with the core code of a theme, so I'm reluctant to edit the reset.css file in case the theme needs to be upgraded in the future & this tweak is forgotten.

Does anyone have a better suggestion as to what I could do?

Thanks in advance,
Tracey

http://thesimplewebinarcompany.com/curzon/events/

[Gary Jones]

🙂

---

WordPress Engineer, and key contributor the Genesis Framework | @GaryJ

[Author]

Posts