AAC ignore css in a specific <tr>

Lurk · Jul 2, 2020

I have this tr

PHP:

<tr style="background-color:'.($count % 2 ? 'rgba(241, 224, 198, 0.6)' : 'rgba(212, 192, 161, 0.6)').';" >

but the colors don't apply ever because on my css

CSS:

table tr th, table tr td {
  background: #555555;
  /*color: #FFF; */
  color: skyblue;
  padding: 7px 4px;
  text-align: left;
}

tr.yellow td {
  background: rgb(89, 10, 10);
  padding: 7px 4px;
  text-align: left;
}

table tr td {
  background: rgb(212, 192, 161);
  /*color: #FFF; */
  border-top: 1px solid #FFF;
}

removing this is not an option since the entire site uses this. I tried some of that #foo input:not(.ignoreCss) but it doesn't work.

I'm using znote's tibiacom layout

Morrison · Jul 2, 2020

Are you using MyAcc?

Post automatically merged: Jul 2, 2020

For MyAcc, you add in config.local.php next config for disable cache?

PHP:

$config['env'] = 'dev'; // dev or prod

Lurk · Jul 2, 2020

I'm using Znote

Morrison · Jul 2, 2020

You have cloudFlare with your site or the changes was in local dev?

Lurk · Jul 2, 2020

I don't have cloudflare but I'm trying this on local dev

Morrison · Jul 2, 2020

u try clear cache from your browser?

Lurk · Jul 2, 2020

I always shit + f5 to check stuff

Morrison · Jul 2, 2020

Maybe trying with !important

PHP:

<tr style="background-color:'.($count % 2 ? 'rgba(241, 224, 198, 0.6)!important' : 'rgba(212, 192, 161, 0.6)!important').';" >

Lurk · Jul 2, 2020

didn't work :/

Rombadr · Jul 3, 2020

That's because you're change the <tr> tag instead of the <td>

Lurk · Jul 3, 2020

sorry I didn't understand but I tried to change <td> as well

Rombadr · Jul 3, 2020

Have you inspected the element and made sure that the style is correct?

Lurk · Jul 3, 2020

yes! the problem seems to be that th, table, tr, td are already defined on my css file so nothing ever applies there
I can't change or remove it because everything else on the website uses it but removing it to test I can see that it actually works and the collors change

Rombadr · Jul 3, 2020

Weird, inline style should override stylesheets.
Try

CSS:

table tr:not(.customTable) th, table tr:not(.customTable) td {
  background: #555555;
  /*color: #FFF; */
  color: skyblue;
  padding: 7px 4px;
  text-align: left;
}

tr:not(.customTable).yellow td {
  background: rgb(89, 10, 10);
  padding: 7px 4px;
  text-align: left;
}

table tr:not(.customTable) td {
  background: rgb(212, 192, 161);
  /*color: #FFF; */
  border-top: 1px solid #FFF;
}

and add class="customTable" to the <tr>
like

HTML:

<tr class="customTable" style="background-color:'.($count % 2 ? 'rgba(241, 224, 198, 0.6)' : 'rgba(212, 192, 161, 0.6)').';" >

Lurk · Jul 3, 2020

it worked! thank you

AAC ignore css in a specific <tr>

Lurk

Active Member

Rombadr

Morrison

Intermediate OT User

Lurk

Active Member

Morrison

Intermediate OT User

Lurk

Active Member

Morrison

Intermediate OT User

Lurk

Active Member

Morrison

Intermediate OT User

Lurk

Active Member

Rombadr

Premium User

Lurk

Active Member

Rombadr

Premium User

Lurk

Active Member

Rombadr

Premium User

Lurk

Active Member

Similar threads