Table

Hi Lene,

Please try to add this CSS code in Enfold > General Styling > Quick CSS:

#top .avia-table td {
    background-color: transparent;
}

#top .avia-table tr {
    background-color: #fcfcfc;
}

#top .avia-table tr:nth-child(odd) {
    background-color: #f8f9f9;
}

Best regards,
Nikko

Hi Lene,

Please try to add this CSS code as well:

@media only screen and (max-width:767px) {
  #top .avia-table td {
    max-width: 140px;
    white-space: break-spaces;
  }

  #top .avia-table td strong {
    white-space: break-spaces;
  }
}

Best regards,
Nikko

Hi Lene,

I apologize for my mistake, please remove the code I gave you and replace it with:

@media only screen and (min-width:1024px) {
  .page-id-961 #av_section_3 .avia-table tr > td:nth-child(even) {
    width: 150px;
  }
}

Hope this helps.

Best regards,
Nikko

Hi Lene,

Please replace the code I gave with this one:

@media only screen and (min-width:1024px) {
  .page-id-961 #av_section_3 .avia-table tr > td:nth-child(2) {
    width: 230px;
  }

  .page-id-961 #av_section_3 .avia-table tr > td:nth-child(4) {
    width: 130px;
  }
}

Hope it helps and have a great weekend :)

Best regards,
Nikko

Hi Lene,

You’re welcome :)
As for the font size, it just adapts to default size set in Enfold > General Styling > Typography or in Advanced Styling.
If it’s not set however it’s default is 13px which is what you have now.
Since, it affect everything when changing the value, I think the easiest way it add this in CSS code in Quick CSS:

.avia-table tr th,
.avia-table tr td {
    font-size: 16px
}

Best regards,
Nikko

Hi Lene,

I’m glad that we could help you :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko