How to get rid of solid header color so background image fills entire page?

You can try this transparent header with your logo, no idea if it works though. ??

Size is 1.200px × 288px (300dpi) must allow the right header hight in theme settings > styling.

Or you could add this to a child theme css, the theme custom css, or use a plugin like Simple Custom CSS:

#header {
  background: transparent;
}

neither of these options worked for me =/

update, after further browsing and experimenting, I was able to get it to work. thing is, I’m not 100% sure which of the codes works. i used:

#nav-topbar.nav-container,
.search-expand { background: rgba(0,0,0,0.6); }

#header {
  background: transparent !important;
  }

#container { background-color: rgba(255, 255, 255, 0.7);

#page{
  background: rgba(255, 255, 255, 0.8);
}

Now I know that’s definitely overkill, later on I’ll one by one removing them seeing which one does the trick. thanks guys.

finally figured it out. i’ve noticed it takes ALOT of refreshing to get any changes made to the custom.css to actually show up. turns out the #header tag was what I needed after all. i intially didn’t have custom.css enabled in the theme options because I’m an idiot, but even afterwards to took awhile to make the changes apply. but alas, i’ve got it working and I want to thank you kind sirs. now if only I could figure out how to make those sidebars opaque…