I try to change the widh of table fields but css is totally ignored.
If I apply
th {width: 70% important;}
in developer-tools of chrome it works. But in css (both in style.css and in Enfold css-fields) its ignored.
Is there a special treatment of tabel-tags? I looked in the documentation in the table-chapter – but there is not even on word about widths….
What to do?
Best Regards
Tim
Hi Tim,
Let’s continue the discussion on your other thread since the issue is similar.
Best regards,
Nikko
Hi Nikko,
I htink thats not the same topic. Because this style doesn’t work in eihter of the places! Not only style.css, also in enfold editor. This is definitely another problem. It looks like somehow the style was overwirtten or so. Its not the caching thing here…
Pleas try it at your own. Its not possible to change the widht of table cells. Or I#m doing a big mistake in understandig cascading of styles. Please let me know how to handle this.
Best Regards
Tim
Hi Tim,
I see, I apologize for my assumption.
The reason it’s not working is because the two th on top are forced to have 70% with this code (reference page in private content):
th {
width: 70% !important;
}
I believe what you’re trying to achieve is to have the it 70% in the first left column, please replace it with this code:
.avia-heading-row th:first-child {
width: 70% !important;
}
Best regards,
Nikko