• I am trying to make my table transparent and have managed to apply this to the majority but part of it is still grey.

    the page is jonnydowling.com/projects/level-short-film and happening on the table containing the videos ‘portrait.’ and ‘LUPERCALIA IV’.

    This is the code I’ve used.

    <table>
    <tbody>
    <td style=”background:transparent;”>
    <tr>
    <td><iframe src=”//www.youtube-nocookie.com/embed/SgseE0wTPI4?rel=0″ width=”254″ height=”143″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe></td>
    <td><iframe src=”//www.youtube.com/embed/3ZgqAh5moLc” width=”254″ height=”143″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe></td>
    </tbody>
    </table>

    Cheers,
    Jonny

Viewing 5 replies - 1 through 5 (of 5 total)
  • I don’t see where that issue is – can you be more specific?

    Thread Starter jonnydowling

    (@jonnydowling)

    It is the grey box above the ‘portrait.’ video I am having trouble getting rid of.

    tr:nth-child(2n+1) {
    background-color: #f3f3f3;
    }

    Is the rule in your stylesheet that is causing the grey box.

    How are you adding your customisation? You could try adding any CSS into a child theme including this:

    tr:nth-child(2n+1) {
    background-color: none;
    }

    Thread Starter jonnydowling

    (@jonnydowling)

    All I am doing to add transparency is using <td style=”background:transparent;”>

    Should I put the CSS into the CSS file of the theme I am using?

    On the whole, you’re best to keep all styling in the stylesheets although there are reasons why you might not.

    Having said that with WordPress, if you update in the future you are likely to overwrite your edits which is why child themes make a lot of sense.

    If you want to continue with inline styles then you need to find that element in the table and style it accordingly.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Transparent table problems’ is closed to new replies.