New Civ7 default style

[The_J]

I'll have a look the next time I take a crack at it .

Could that logo use a little more pizzazz?
View attachment 724732


View attachment 724736


View attachment 724738


View attachment 724737


...Easy enough to darken for legibility against whatever background, and otherwise tweak...

Thanks , but a while ago we ran a competition for a new logo and already decided about what we want .

 

[Buster's Uncle]

Feel free to rob it for parts...

 

[Buster's Uncle]

Here's the "C"

And here's "Olafhotep"

 

[The_J]

I like the guy .

 

[Buster's Uncle]

CFC tradition, you know?

 

[Dale]

I still think this is the better banner.

 

[Buster's Uncle]

I still think this is the better .gif,

 

[Dale]

*slow clap*

 

[The_J]

I think I need again help from @Marla_Singer please .

I'm trying to edit that element.
Should this be working?:

.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.

 

[Marla_Singer]

I'm trying to edit that element.
Should this be working?:

.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:

.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.

 

[Marla_Singer]

Below is an example I made on my end:

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.

 

[The_J]

[...]

Thanks, this helped , 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)

 

[The_J]

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.

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

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 .

 

[Marla_Singer]

Thanks, this helped , 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.

 

[The_J]

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 , but don't spend too much time on this, as I guess this specific thing might be futile.

 

[Marla_Singer]

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 , 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.

 

[The_J]

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 .
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 .
(not today though, gotta do something else first)

 

[vorlon_mi]

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.

 

[Civinator]

A sign of the times, that we had no April Fools content this year.

There was at least one at CFC: https://forums.civfanatics.com/threads/introducing-the-space-layer.697292/