I don’t know when I started having this problem, my tiddlers were transparent to start with. But now you can see in the screenshot that there’s another opaque layer beneath the transparent tiddler-frame. You can see the border radius of the transparent layer on top of the square-edged opaque layer.
I thought maybe it was a plug-in I installed, so I disabled them but it didn’t do any good. Does anyone know how to fix this?
I took a look at your site (https://glor.tiddlyhost.com), and it appears that you may have already solved your issue by adding some CSS customizations to the end of $:/core/ui/PageStylesheet, which now contains this rule:
.tc-tiddler-frame {background-color: rgba(0,0,0,0.5) !important; border: 0px !important; -webkit-border-radius: 20px !important; border-radius: 20px !important; -moz-border-radius: 20px !important;}
One bit of advice: to add CSS customizations, it is not necessary (nor advisable) to modify $:/core/ui/PageStylesheet.
Instead you should place your custom CSS in a separate tiddler (e.g., “MyStyles”), tagged with $:/tags/Stylesheet. Then, the code in the default TWCore shadow $:/core/ui/PageStylesheet will automatically apply your customizations when it transcludes all tiddlers that are tagged with $:/tags/Stylesheet.
-e
I actually already had that customization & I’m still getting the opaque background. Ah, I didn’t realize, I will try that.
I made the changes by putting new styles in a My Styles tiddler with the style sheet tag. It’s still giving me that opaque background though. I take it you don’t see it on your end?
I see a 50% opaque background, which is caused by:
.tc-tiddler-frame {background-color: rgba(0,0,0,0.5) !important; ... }
To eliminate this, use:
.tc-tiddler-frame {background-color: transparent; ... }
or
.tc-tiddler-frame {background: none; ... }
-e
I see this:
Your original screenshot (once I’d manipulated it because I couldn’t see the problem you were talking about until I did that) looked like this:
They’re clearly very different. Your tiddlers are displaying as transparent background (like my first screenshot).
Try clearing your cache, or hit Ctrl+F5
