-
Posts
-
Hello
I would like to add image to all columns for the first row for a table…
I add this CSS custom code to avoid default padding :
.avia-data-table tr:nth-child(1) td {
padding: 0px;
}Unfortunately, there’s always a padding at the bottom of the row….
In fact, the size of the <td> (Firebug console) is little bigger than my image.
How to avoid the issue ?You can see the issue at this link :
Regards,
This is the custom CSS code I use for this table :
.avia-data-table td {
color: #ffffff;
text-align: center;
}
.avia-data-table tr:nth-child(1) td {
padding: 0px;
}
.avia-data-table tr:nth-child(1) img {
width: 205px;
height: 111px;
}
.avia-data-table td:nth-child(1),td:nth-child(3),td:nth-child(5) {
background-color: #95b3d7 !important;
}
.avia-data-table td:nth-child(2),td:nth-child(4) {
background-color: #376091 !important;
}
.avia-data-table tr:nth-child(2) td:nth-child(1),tr:nth-child(2) td:nth-child(3),tr:nth-child(2) td:nth-child(5) {
background-color: #376091 !important;
}
.avia-data-table tr:nth-child(2) td:nth-child(2),tr:nth-child(2) td:nth-child(4) {
background-color: #95b3d7 !important;
}Hi,
Thank you for using Enfold.
Please try this in the Quick CSS field:
.avia-data-table tr:nth-child(1) img { width: 100%; height: 111px; display: block; }Best regards,
Ismael
- The topic ‘Table with image’ is closed to new replies.