New Civ7 default style

Here's the "C"
C7-C.png


And here's "Olafhotep"
Egyptian.png
 
I still think this is the better banner. :)

1741909206940.png
 
*slow clap*
 
I think I need again help from @Marla_Singer please :).

cssdamn.png


I'm trying to edit that element.
Should this be working?:
Code:
.contentRow-minor contentRow-minor--hideLinks {
    text-decoration: underline;
	color: rgb(255, 255, 255);
	font-weight: bold;
}

Ignore the actual styling please, I just want to see if there is an effect.
It's not doing anything, but I never know if the forum software is overriding things somewhere, but my web skills aren't really good, so I don't know either if I'm doing the right thing or not... um... yeah.
Well, or in short, it's not working, and I don't know why.
 
I'm trying to edit that element.
Should this be working?:
Code:
.contentRow-minor contentRow-minor--hideLinks {
    text-decoration: underline;
    color: rgb(255, 255, 255);
    font-weight: bold;
}

No it won't work.
If you want your style to apply to elements having both "contentRow-minor" and "contentRow-minor--hideLinks" classes, you should write it this way with no space and a "." prefix to declare each thing is a class:
CSS:
.contentRow-minor.contentRow-minor--hideLinks {
    text-decoration: underline;
    color: rgb(255, 255, 255);
    font-weight: bold;
    }

Spaces are important in CSS as they determine if we're talking about the same element or about an element within another element. If you want to apply 2 classes to the same HTML element, you need to declare both with a "." and no space.
 
Below is an example I made on my end:

1742681681214.png


You see in HTML that I have two divs, one with only "contentRow-minor" class and one with both "contentRow-minor" and "contentRow-minor.contentRow-minor--hideLinks" classes.

My "contentRow-minor" styles should apply to both divs, and it's the case of "font-style: italic;". However, as I specifically declared styles that should apply in case my div has both classes, my blue background is superceded by the black background that applies in such a case.
 
Last edited:

Thanks, this helped :hatsoff:, although I now officially don't know what's not working.
There are several places where custom CSS can be inserted. In none of them anything works. It's confusing -_- . Guess this will be a longer journey. (or an official support ticket, gonna see)
 
Okay, seems it's not me.
On the test instance, I've applied the same styling to the admin name and .contentRow-minor.contentRow-minor--hideLinks.

notworking.png


As we can see, it only works for the admin name, and not for .contentRow-minor.contentRow-minor--hideLinks .

admin_name.png


I hate this. With passion.

I guess the only reason can be that the link itself is styled again later somewhere in the system, which overrides everything applied prior :dunno:.
 
Thanks, this helped :hatsoff:, although I now officially don't know what's not working.
There are several places where custom CSS can be inserted. In none of them anything works. It's confusing -_- . Guess this will be a longer journey. (or an official support ticket, gonna see)

Could you post a link to a page in which those styles are supposed to apply? By that I mean a page with an element having both classes so that I could check on the console?

I tried to get a look at forums.civfanatics.com CSS files but they are quite messy! 😅
There are 11 stylesheets called in the Header. They all come from a single "css.php" that generates each of them according to different $_GET parameters. Opening the first one, it's quite bulky. There's a chance that you make multiple calls for the very same ".contentRow-minor.contentRow-minor--hideLinks" condition. In such a case, that is the latest occurence that prevails, so order matters.

The link to a page where the style should apply would help a lot to understand what's going on exactly.
 
I'm afraid that this is just how the Xenforo software is :/. We have addes some custom CSS, but the amount of files loaded should not differ between a default install and here.
Your guess that a later call overrides this sounds very likely.

A page where this should apply is the 2nd page in this thread, specifically this post of yours https://forums.civfanatics.com/threads/new-civ7-default-style.696575/page-2#post-16794839 .
Thanks for having a look :hatsoff:, but don't spend too much time on this, as I guess this specific thing might be futile.
 
I'm afraid that this is just how the Xenforo software is :/. We have addes some custom CSS, but the amount of files loaded should not differ between a default install and here.
Your guess that a later call overrides this sounds very likely.

A page where this should apply is the 2nd page in this thread, specifically this post of yours https://forums.civfanatics.com/threads/new-civ7-default-style.696575/page-2#post-16794839 .
Thanks for having a look :hatsoff:, but don't spend too much time on this, as I guess this specific thing might be futile.
Thanks for the link.

Your ".contentRow-minor.contentRow-minor--hideLinks" style condition isn't found by the web browser (see below). It's not a problem of cache as I reloaded it. Are you sure that your PHP generates it as intended?

As there's no such condition defined, it applies the gray from ".contentRow-minor" condition.
 

Attachments

  • 1742761631406.png
    1742761631406.png
    95.8 KB · Views: 24
Thanks for the link.

Your ".contentRow-minor.contentRow-minor--hideLinks" style condition isn't found by the web browser (see below). It's not a problem of cache as I reloaded it. Are you sure that your PHP generates it as intended?

As there's no such condition defined, it applies the gray from ".contentRow-minor" condition.
Okay... thanks, that was helpful :hatsoff:.
I did some testing, and in the file where I applied the modifications, there is some legacy CSS stuff, which I don't know what exactly it does.
When I removed it, the new desired styling suddenly worked, which I guess that means in the other CSS there's something faulty.
I'll go around and debug what exactly it is, and then I guess we can finally go forward with this :D.
(not today though, gotta do something else first)
 
I like the new Civ7 banner and have switched to it. A sign of the times, that we had no April Fools content this year.
 
Back
Top Bottom