Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: Shades. on October 29, 2022, 01:08:47 AM

Title: How to change background color of Backtrace?
Post by: Shades. on October 29, 2022, 01:08:47 AM
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)
Title: Re: How to change background color of Backtrace?
Post by: Shades. on October 29, 2022, 01:20:04 AM
Currently it looks like this

backtrace1.PNG

But I want it to look like this

backtrace2.PNG

But like I said, If I change the color under ".generic_list_wrapper, .windowbg, .approvebg, .approvebg2 {" it changes everywhere.
 
Title: Re: How to change background color of Backtrace?
Post by: Pipke on October 29, 2022, 03:22:29 PM
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"
Title: Re: How to change background color of Backtrace?
Post by: Shades. on October 29, 2022, 04:28:37 PM
Thanks, I'll give that a try and post back! :)
Title: Re: How to change background color of Backtrace?
Post by: Shades. on October 29, 2022, 05:23:07 PM
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)
Title: Re: How to change background color of Backtrace?
Post by: Pipke on October 29, 2022, 06:04:19 PM
try this once more
#backtrace, .windowbg:nth-of-type(even), .bg.even, .windowbg {
background: red;
}
{/code]

Title: Re: How to change background color of Backtrace?
Post by: Diego Andrés on October 29, 2022, 10:50:26 PM
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