New post color

Started by JRMBelgium, September 15, 2024, 05:18:49 PM

Previous topic - Next topic

JRMBelgium

I noticed that on this forum, and on my private forum. A new post also has this "ugly" ( I know, subjective ) background/overlay. I can't seem to find the setting in the CSS file that causes this.

On this forum it's "ok" because the yellow overlay fits the background, but on my darker forum, it really doesn't look right.

Arantor

Look for :target in the CSS.
Holder of controversial views, all of which my own.


Kindred

BTW: It's not a "new post"

It's whatever you searched for...
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

Arantor

Quote from: Kindred on September 15, 2024, 09:16:15 PMBTW: It's not a "new post"

It's whatever you searched for...

No, it's when the URL contains a # that matches something in the document. New post will do it, as will going to a permalink to a post, it's not really about searching, that just happens to be a pathway to it. But new post if you return to the topic after posting will just as validly do it (and for the same reason)
Holder of controversial views, all of which my own.


Diego Andrés

I'd also suggest to bring the issue up in the support topic for that theme, if available here. That way the author can fix it.

SMF Tricks - Free & Premium Responsive Themes for SMF.

Arantor

They already did, yesterday, but didn't get an answer so they came here asking. (I habitually ignore the theme boards.)
Holder of controversial views, all of which my own.


Antechinus

Code (index.css) Select
/* Highlight the target item */
.windowbg:target {
background: #ffffe0;
}

Change it to anything you like. I use this... :D
.windowbg:target {
background: #13171b;
}
#forumposts #new {
position: relative;
display: block;
top: 9px;
height: 9px;
margin: 0 9px 16px;
background: #685c4a;
border-bottom: 3px solid #96856e;
border-radius: 0 0 6px 6px;
box-shadow: inset 0 -1px 1px #0006;
}
#forumposts #new::after {
position: absolute;
top: 9px;
display: block;
width: 0;
height: 0;
margin-left: 182px;
content: '';
border-style: solid;
border-width: 11px 16px 0;
border-color: #96856e #0000 #0000;
}

Advertisement: