Table design

Hey Alan,
Please link to your table and include specific details such as the colors and how much cell padding, if you have a mockup it may be helpful, the more information you share the easier it will be for us to assist and meet your expectation.

Best regards,
Mike

Hi,
Thanks for the link to your page, this helps a lot, so as I understand you want the bottom table to match the top table, the only differences I see are the header row needs to be bold and the table layout needs to be “auto”:

so I recommend adding this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-table.avia-data-table {
	table-layout: auto;
}
#top .avia-table.avia-data-table tbody > tr:nth-child(1) {
	font-weight: bold;
}

this is the expected results:

The only other difference I see is that your KURSUS above has links so the text color is blue, but I’m sure that if you add links to the bottom table they will also be blue, so it seems that the two tables now match.
Please try this css and clear your browser cache to check.

Best regards,
Mike

Hi,
I believe this is what you are asking for:

#top .avia-table.avia-data-table tbody > tr {
	color: #fff;
}
#top .main_color th,
#top .main_color td {
	border-color: #f0eeed;
}
.main_color tr.avia-heading-row {
	 background: transparent;
}
.main_color tr:not(.avia-heading-row) {
	 background: #254189;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Please add this css:

.main_color tr.avia-heading-row th {
	 color: #000;
}

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike