Blank space between custom header and flarum header, removing header name?

ElieTGM

Hello everyone! I've recently added a custom header to flarum using the header option in the configurations. Yet, there is a weirdly generated blank line; and i would like to remove the head title? Is that possible without extensions (i can afford to buy a developer for extensions if not possible without), additionally the admin panel looks REALLY off:

This is the home page, yet i want to remove the 'OctopusMC Forums' and fix the blank line with Ocean Blue (#0077be)

This is the admin panel, i don't know if removing the header and fixing the blank line will fix the admin panel's appearance.

ElieTGM

I've actually removed the header using this custom css

h1.Header-title a {
    text-indent: -1000000px; /* We dont want you anymore, filthy text */
    overflow: hidden;
    display: block;
}

Any .css for the white container? The admin panel still looks really off, any help with that too? Additionally, i can still click where the header title was, how can i remove that too?

jordanjay29

ElieTGM You can normally just do a display:none to remove elements via CSS. The text-indent might render oddly in some browsers.

You can use the web developer tools (F12 in most browsers) to play with cSS in real time. Right clicking on parts of the page usually gives you the ability to "inspect (element)" and jump to that part in your web developer tool.

Felli

Try using something like

h1.Header-title a {
    text-indent: -1000000px; /* We dont want you anymore, filthy text */
    overflow: hidden;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

Using display: block; or display:none can be avoided altogether, the only issue would be that it also removes from the admin panel as well, which will leave a blank bar with the dropdown menu for logging out.

User31

Unsure if this is the exact same issue I'm dealing with right now, but it seems similar.

How on earth can I get rid of the two gaps-(indicated with red arrows) ?

I've tried the above codes, though absolutely nothing happened at all.