Transparent Header

allthough Rikards css is correct – the enfold original css has two ID’s in the selector. An ID has a much more higher specifity than the classes – so try:

#top.page-id-591 #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text {
   color: #000
}

i do not see the page it concerns – please proof if the page-id is correct
or post a link to the site – i do not see as a participant the hidden private Content Area.
And again : look if you have missed to close some curly brackets in your quick css ( sometimes this happens on media query rules )
because every rule after this – will be ignored.

/***  standard logo visible on transparency  ***/
#top.page-id-591 .av_header_transparency.av_alternate_logo_active .logo a > img, 
#top.page-id-591 .av_header_transparency.av_alternate_logo_active .logo a > svg {
  opacity: 1;
  filter: alpha(opacity=1);
}

/*** font color on transparency  ***/
#top.page-id-591 #header.header_color.av_header_transparency .av-main-nav > li > a .avia-menu-text {
  color: #000
}

/*** font color after scrolling down ***/
#top.page-id-591 #header.header_color .main_menu ul:first-child > li > a {
  color: #000
}

by the way: only in very rare cases it is necessary to use the custom.css, mostly it is enough to use the quick css for the settings.
and please copy&paste the code above – it is important to preserve non-spaces between some classes at the same element. ;)

Well – i use nearly almost the quick css – the only thing that always bothers me is that the window widths are limited. I’m now working on a high-resolution 4k 32” monitor. So I want to be able to take advantage of that.

I put in my child-theme functions.php file:

function admin_head_mod() {
echo '<style type="text/css">
  #avia_options_page .live_bg_wrap .main_h3 { font-size: 36px !important; }
  #avia_options_page .content_p, #avia_options_page .bg2 { font-size: 24px; }
  #avia_quick_css .avia_description {float: none;margin-bottom: 20px !important;padding-left: 0 !important;width: 98%}
  #avia_quick_css .avia_control {float: left;max-width: 98% !important;width: 98% !important}
  .avia_footer_links li {float: left;padding-right: 20px}
  .avia_footer .avia_footer_save {float: left}
  .avia_reset {display: none !important } 
  #avia_options_page { max-width: 3000px!important}
</style>';
}
add_action('admin_head', 'admin_head_mod');

however, the latest enfold versions now have a “Theme Reset All Options” button on the import/export tab – I already include this in the code as seen above.