Struggling to make small adjustment/fix myself to help without luck
Hey Zex,
So I'm really still struggling with friggin CSS and what order this stuff gets applied. On this theme, there's still the code boxes that wind up black on black so you cannot read the text, so I figured I'd take a stab rather than pester you to try to fix it and post the fix. I know what will fix it, I just cannot seem to get it to override it. On this page, click the "SHOW" to expand the code box next to: "tools\githubInstall.ahk" file on the page and you will see the all-black box I was trying to fix:
https://chocolatey.org/packages/GitHub/3.3.4.0
Here are 2 screenshots:
#1 - My Inspecting that code line element, you can clearly see my bluish style 2 below the black crossed out and trumped by their css file. So, why? How on earth do you adjust a userscript to fix this? I'm so lost because literally, the 2 CSS element definitions are identical and worse yet already in the darn userscript, not a single element different. So why on earth are there two and one isn't just overriding the other?
https://1drv.ms/i/s!AhSqjTYUuHPKgcM_EHEc7L6LBx8NRg
#2 - The userscript CSS matching perfectly the text that still appears all black, and my userscript CSS clearly is being applied since it is in the above screenshot #1, only crossed out for some darn reason:
https://1drv.ms/i/s!AhSqjTYUuHPKgcNAmk8EOgNoSQv8pA
Anyway, I'm trying to learn this so if it's something easy and you can possibly post something to show me what and more importantly HOW you determined what needed overriding etc. I would really appreciate it.
Thanks!
Collin
So I'm really still struggling with friggin CSS and what order this stuff gets applied. On this theme, there's still the code boxes that wind up black on black so you cannot read the text, so I figured I'd take a stab rather than pester you to try to fix it and post the fix. I know what will fix it, I just cannot seem to get it to override it. On this page, click the "SHOW" to expand the code box next to: "tools\githubInstall.ahk" file on the page and you will see the all-black box I was trying to fix:
https://chocolatey.org/packages/GitHub/3.3.4.0
Here are 2 screenshots:
#1 - My Inspecting that code line element, you can clearly see my bluish style 2 below the black crossed out and trumped by their css file. So, why? How on earth do you adjust a userscript to fix this? I'm so lost because literally, the 2 CSS element definitions are identical and worse yet already in the darn userscript, not a single element different. So why on earth are there two and one isn't just overriding the other?
https://1drv.ms/i/s!AhSqjTYUuHPKgcM_EHEc7L6LBx8NRg
#2 - The userscript CSS matching perfectly the text that still appears all black, and my userscript CSS clearly is being applied since it is in the above screenshot #1, only crossed out for some darn reason:
https://1drv.ms/i/s!AhSqjTYUuHPKgcNAmk8EOgNoSQv8pA
Anyway, I'm trying to learn this so if it's something easy and you can possibly post something to show me what and more importantly HOW you determined what needed overriding etc. I would really appreciate it.
Thanks!
Collin
Comments
As for the bugs, fixed in v1.3. Also I enjoy creating and fixing css styles, so the more feedback, the better.
Edit: Just realised, page styling inside code section is added post custom css load, so it can't be applied. (I've reverted cody style to default white) :(
I sat for hours trying to figure out why that looked like it was applying and then reverting as I monitored it! LOL