How to override CSS for just one page?

  • Hi,

    I’m trying to give the table on this page a border of “none”: https://www.pinkfloydtabs.com/tools-more

    So I created a CSS entry for this specific table that looks like this:

    table.toolsmore {
width: 100%;
height: 100%;
background-color: #FFFFFF;
border-color: white;
border-style: none;
border: none;
border-width: 0;
font-family: trebuchet ms; font-size: 14px;
}

    And that didn’t get rid of the border, so after some digging through my CSS I found that this is taking precedent and not letting me get rid of the border:

    .post table{
	border-collapse: collapse;
	border: 1px solid #d7d7d7;
	margin:5px 0px;
}

    Now, I do want that border for tables on other pages – so I can’t just delete that entry or make it “border: none” there. So how can I tell it to override and not give a border, for JUST the table on this page?

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

  • .post .toolsmore td { border: none; }

    – works at least in Firefox

    Thread Starter Floyd3

    (@floyd3)

    Awesome alchymyth, that got rid of the interior border, but still have the outside one.

    I tried “post. toolsmore. table { border: none; }” thinking that would get rid of it, but it didn’t, but – getting closer, thanks. ??

    Thread Starter Floyd3

    (@floyd3)

    Actually, oops. I spoke too soon, it messed some things up towards the bottom of the page.

    Thread Starter Floyd3

    (@floyd3)

    Nevermind! I had a stray div tag floating around that was messing it up.

    “.post .toolsmore td { border: none; }” got rid of the inside border and “.post .toolsmore { border: none; }” got rid of the outside one.

    Success! Thanks for your help alchymyth!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to override CSS for just one page?’ is closed to new replies.