CSS in appearance page being overwritten

rawsh

I put the following styles in the custom styles area:

#header {
    position: relative !important;
}

.Hero {
    width: 100%;
    top: 0;
    position: absolute;
}

#App {
    padding-top: 133px !important;
}

.affix.App:before {
    height: 0 !important;
    position: absolute !important;
}

For some reason, the only part of the css that works is the .Hero. None of the other css makes it into the stylesheet! I tried using the id, class and various combinations but there's still nothing.
http://forum.devpy.me

jordanjay29

What are you trying to do? I got most of these to work on a vanilla Flarum, although some didn't make much of a difference from stock.

rawsh

jordanjay29 I got it working by purging cache and restarting, and some cloudflare page rules.
What I was doing was making a better custom header exentsion; Davis custom header is good but you have to mess around with css for a while for a functional header.

What I am doing is placing the top bar below the Hero div, and sticking it after it scrolls past. I also have the sticky functionality on the scrubber and the left sidebar that opens on hover. If you want to try it out its here (only desktop working right now)

http://forum.devpy.me
http://forum.devpy.me/d/4-theme-contribution-guidlines-post-template-here (a post that scrolls)