Thread Header

hrvoje_hr

That's something I would like too.

[deleted]

[deleted] have a look at https://discuss.infosecforge.io and let me know if this is what you're looking for. I'll happily post the CSS if it is.

[deleted]

[deleted] Hey, thanks for your reply! This isn't really what I wanted but its also really nice! I would appreciate if you could post the CSS and i mess a bit around with it 😃

[deleted]

[deleted] here you go. Obviously, charge the URL for the image itself as this is taken directly from my install

.Hero {
background: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.45)),url(https://cdn.infosecforge.io/wp-content/uploads/2019/08/vault2-min.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: #ffffff;
    padding-top: 52px;
	height: 206px;
}
body.dark .Hero {
background: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.45)),url(https://cdn.infosecforge.io/wp-content/uploads/2019/08/vault2-min.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: #ffffff;
    padding-top: 52px;
	height: 206px;
}

[deleted]

I might need to figure out how to make the text more central.

[deleted]

[deleted] I have mine left aligned 😄 happy to share.

[deleted]

[deleted] what are you looking to fix ? Sorry. It's not clear

[deleted]

[deleted] yes. Remove the padding-top and height values as I also use custom CSS to control the profile page.

nitaaikumar

@[deleted] Or we could just apply it only to the discussion pages by .DiscussionPage as the profile pages have lot of status text which I don't want to become less readable with the background image. The other ones are:

.IndexPage, .DiscussionPage, .UserPage, and in the case of the pages extension .Pages-page.

[deleted]

nitaaikumar correct. I'm using the same style principle across the forum, which is why it is bound to multiple classes.