Formatieren einer Tabelle avia-data-table via css

Hey maggoono,

Thank you for the inquiry.

Are you trying adjust the style of the first and second columns? Where can we see the table? Please provide the site URL in the private field so that we can check the element directly. A screenshot of the changes that you would like to implement will also help.

Best regards,
Ismael

Hi,
Thank you for the link to your site with the example, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

.main_color table.avia-data-table {
	background-color: #fff;
}
.main_color table.avia-data-table td {
	border: none;
}
#main .main_color table.avia-data-table td:nth-child(1) {
	color: rgb(0, 141, 202);
	font-weight: bold;
}
#main .main_color table.avia-data-table td:nth-child(2) {
	color: #000;
	font-weight: bold;
}

After applying the css, please clear your browser cache and check.
This css will affect all tables on your site, so I recommend adding a custom class to your table element and including it in the css so you can control which tables will get this style.

Best regards,
Mike

Hi,
Glad to hear this is working for you, if you choose to add a custom class you would add it in the table element developer settings:

in this example the custom class is custom-table note that no dot is used, then you would add the custom class to the css like this:

.main_color table.custom-table {
	background-color: #fff;
}
.main_color table.custom-table td {
	border: none;
}
#main .main_color table.custom-table td:nth-child(1) {
	color: rgb(0, 141, 202);
	font-weight: bold;
}
#main .main_color table.custom-table td:nth-child(2) {
	color: #000;
	font-weight: bold;
}

To make the menu smaller try this css:

#top #header #header_main_alternate .container,
.html_header_top.html_bottom_nav_header #top #header_main_alternate .main_menu>div, 
.html_header_top.html_bottom_nav_header #top #header_main_alternate .main_menu ul:first-child,
.html_header_top #top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {
    height: 30px;
    line-height: 30px;
}

the current height is 50px, so this will make it 30px or adjust to suit.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
I see that your css is not correct, the > are showing as > typically this occurs when the code is copied from an email instead of the fourm, please correct the css and clear your browser cache and check again.

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