News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

How to change background color of Backtrace?

Started by Shades., October 29, 2022, 01:08:47 AM

Previous topic - Next topic

Shades.

I've been trying all day to figure this out, hoping someone can help me?

I want the Backtrace window/wrapper to have a different color than the main wrapper. Currently when I change the colors under:.generic_list_wrapper, .windowbg, .approvebg, .approvebg2 { That changes colors in several places.

The reason I need this is because the main wrapper has a sort of transparent background which works great for most of the theme but when I go to an error in admin and click on backtrace the window/wrapper is all the way transparent and with the "background image" showing through, you can't see the text. Hope that makes sense! :o

I've tried separating each one of these in the code above but can't achieve what I'm after! Any ideas please?

Thanks,
Shades 8)
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Shades.

Currently it looks like this

You cannot view this attachment.

But I want it to look like this

You cannot view this attachment.

But like I said, If I change the color under ".generic_list_wrapper, .windowbg, .approvebg, .approvebg2 {" it changes everywhere.
 
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Pipke

For SMF 2.1
.windowbg:nth-of-type(even), .bg.even {
    background: #f0f4f7;
}

if this above conflicts with some other css add the id css rule to it  id="backtrace"
"If something is wrong, fix it if you can. But train yourself not to worry: Worry never fixes anything."

Click here to view my mods for SMF

Hey 👋 Did i helped... you like what i do. You can now buy me a coffee! ☕

Shades.

ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Shades.

Quote from: Pipke on October 29, 2022, 03:22:29 PMFor SMF 2.1
.windowbg:nth-of-type(even), .bg.even {
    background: #f0f4f7;
}

if this above conflicts with some other css add the id css rule to it 
id="backtrace"
Well that didn't work for me, probably because I have mutilated the CSS in this theme I'm working on with trial and errors (lots). So I'll try what you shared on a default theme later or start this one over.

Marking solved for now, but still open for more suggestions. (It's definitely a learning process) ;)

Thanks,
Shades 8)
ShadesWeb.com - Custom Logos - My Themes on SMF | My Themes on ShadesWeb
https://shadesweb.com

BikerHound.com - Sniffing out the road ahead
https://bikerhound.com

Dream as if you'll live forever; Live as if you'll die today. - James Dean

Pipke

try this once more
#backtrace, .windowbg:nth-of-type(even), .bg.even, .windowbg {
background: red;
}
{/code]

"If something is wrong, fix it if you can. But train yourself not to worry: Worry never fixes anything."

Click here to view my mods for SMF

Hey 👋 Did i helped... you like what i do. You can now buy me a coffee! ☕

Diego Andrés

Don't think it should have a comma, it's looking for a children, and it's always a windowbg class.
It'd just be
#backtrace .windowbg

SMF Tricks - Free & Premium Responsive Themes for SMF.

Advertisement: