I got an issue with the table's style.
When I try to change the <thead>'s padding, it doesn't change.
And it happens with more style element.
That's my code:
And here is the result:
Add a comment
|
2 Answers
One solution is to add the !important flag for your padding:
table th{
padding: 50px !important;
background-color: #ffb74d;
color:#EEEEEE
}
2 Comments
iYonatan
Thanks! can you just explain me what is the !important does?
Karl Viiburg
@iYonatan - The !important flag overwrites any other styling (including inline) that may have affect on the elements given css property. E.g. you have an element that has an inline style with color black and in your external css you have the color set to blue. Normally inline styling overwrites external styling. But the
!important flag tips it over. As in !important says, the element MUST use this property with this value.After looking at your code, here is what I noticed. Your CSS is defining...
table th{
padding: 50px;
background-color: #ffb74d;
color:#EEEEEE
}
But on those <th> you've got classes and inline styles. Better to define all this in one place for consistency.
Try...
table > thead > th {
padding: 50px;
background-color: #ffb74d;
color:#EEEEEE
}
2 Comments
EternalHour
Seems that there is padding there but the text is not vertically centered? Or did you just remove the orange background?
iYonatan
I didnt remove the background color