Still trying to figure out how to apply style overwrites to transcluded tiddlers, but in cases where there isn't any pre-existing style stuff applying to the tiddler transcluded by the tabs that would affect the margin or padding properties, the following CSS code would work. Though I don't know if it affects more than it's supposed to. Could someone with greater CSS knowledge check it? I'm particularly worried about the part that messes with <p>. Is there a more exact way to affect that?)
.tc-tab-content.tc-vertical { padding-left: 0px; margin-top: 0px; border: 1px lightgray solid; } .tc-tiddler-body.tc-reveal p { margin: 0; padding: 0; } (I still don't know how to put code blocks into google group things. I can't even find a button for it.) Also, when the target tiddler has a style that would influence the margins and stuff, the following addition to the style sheet seems to be effective. (#paper is the name of the style div thing I was testing with.) .tc-tab-content.tc-vertical #paper { margin: 0px; width: auto; box-shadow: 0px 0px 0px 0px #888; } (I was testing out a css style that made a page look like a piece of lined paper. It worked but it messed with the margins so I found out I needed to readjust the margin settings when transcluding tiddlers that used the lined paper style. I can post the CSS for the lined paper if you want it.) On Monday, November 9, 2020 at 2:28:55 PM UTC-8 Tiddly Novice wrote: > I got part of the solution figured out. I made some CSS that removed some > of the empty space, but there seems to be some left. Except, I think that > empty space is not from the tabs but rather from the transcluded tiddler. > The inspector tool in TiddlyDesktop reveals there's a paragraph creating a > space, and I think there's a way to fix that with CSS. But, is there a way > to style tiddlers when they're being transcluded? I mean, without affecting > the original, merely affecting the copy created by the transclusion. > > Also, here's the CSS. It's not really ideal though, since I'd rather have > a way to affect only the new "tabsnogaps" macro I made and this doesn't do > that. (How do I format a post for a code block quote?) > > .tc-tab-content.tc-vertical { padding-left: 0px; margin-top: 0px; } > > > On Monday, November 9, 2020 at 1:32:36 PM UTC-8 Tiddly Novice wrote: > >> I think what might be happening is that empty padding or margins or >> something is just sort of naturally getting added during the usage of the >> TW tabs macro. I'm pretty sure there'd be a way to remove that, the >> question is what the best way to do that would be. One way might be to >> write a new kind of tab macro, I guess called "tabsnogaps", by cloning the >> original tabs macro tiddler and then doing...something(?) to it to remove >> the unwanted spaces. Or at least make the spaces more obvious/accessible to >> adjust. So far, I've found the tabs macro at "$:/core/macros/tabs" and >> cloned it. But I still have no idea where the extra space is getting added >> in the code. Also, I'm a little concerned that the tabs macro might be >> using other macros or similar that I'd have to clone & change as well, but >> I'm still so new to this kind of code that I can't tell for sure. Or maybe >> I could define a style(?) exclusively limited to the new macro that could >> set the margins or padding or whatever to 0? Would that work? >> >> On Sunday, November 8, 2020 at 10:10:08 PM UTC-8 TW Tones wrote: >> >>> Novice, >>> >>> My code example was An edit of the $:/ControlPanel to show how to >>> wrap the whole set of tabs; >>> >>> However now you illustrated the exact location I will look for an >>> answer, and others may know. >>> >>> Regards >>> Tones >>> >>> >>> On Monday, 9 November 2020 12:59:54 UTC+11, Tiddly Novice wrote: >>>> >>>> Sorry about not describing things properly, I've been having a lot of >>>> trouble thinking clearly lately. Here's a picture that hopefully points >>>> out >>>> the areas I'm trying to affect. I'm trying to have the tab content area >>>> have the same background colors, but there's these areas on the sides that >>>> aren't being affected by what the transcluded tiddler has for settings. I >>>> guess what might work would be to remove whatever the gap is? Is that what >>>> padding and margin is for tabs? I'm also trying to have the tab content >>>> area have a border on all sides. How would I define a stylesheet for that? >>>> Also, how do I use the code you posted? >>>> >>>> On Sunday, November 8, 2020 at 5:00:33 PM UTC-8 TW Tones wrote: >>>> >>>>> Novice, >>>>> >>>>> One of the first things I want to remind you is the tabs macro is a >>>>> provide macro, and it does a lot and suits most people. If you want to do >>>>> a >>>>> lot of customisation you should consider cloning the built in tabs macro >>>>> and modify it as you see fit. >>>>> >>>>> Perhaps an image to illustrate *"this weird space between the tabs >>>>> and the tab area box and that is not the look I'm after"* would help. >>>>> >>>>> Remember the tabs macro is in a tiddler, within this tiddler you can >>>>> control how things appear. You could wrap the whole tabs macro in a html >>>>> div with a style or class applied. Or in some cases a div is allready >>>>> present; see How I modified $:/ControlPanel >>>>> <https://tiddlywiki.com/#%24%3A%2FControlPanel> below,Then change the >>>>> margin and padding values >>>>> >>>>> <div class="tc-control-panel" style="border: 5px solid green; padding >>>>> : 50px; margin: 20px;"> >>>>> <<tabs >>>>> "[all[shadows+tiddlers]tag[$:/tags/ControlPanel]!has[draft.of]]" >>>>> "$:/core/ui/ControlPanel/Info">> >>>>> </div> >>>>> >>>>> Tones >>>>> >>>>> >>>>> >>>>> >>>>> >>>>> >>>>> On Monday, 9 November 2020 11:38:12 UTC+11, Tiddly Novice wrote: >>>>>> >>>>>> Actually, I take back my nevermind since I still can't figure out how >>>>>> to control the background of the entire tab box area. Merely changinge >>>>>> the >>>>>> background of the contents of any transcluded tiddlers seems to leave >>>>>> this >>>>>> weird space between the tabs and the tab area box and that is not the >>>>>> look >>>>>> I'm after. Also, how do I add a full border surrounding the area of the >>>>>> tab >>>>>> box? (Please forgive me if the answer is obvious. The only GUI design >>>>>> class >>>>>> I've ever had was "Intro to Visual Basic".) >>>>>> >>>>>> On Tuesday, November 3, 2020 at 1:08:24 PM UTC-8 Tiddly Novice wrote: >>>>>> >>>>>>> Nevermind, it turns out that the tiddler being transcluded by the >>>>>>> tab is what controls the background colors. Which is actually really >>>>>>> convenient. >>>>>>> >>>>>>> On Monday, November 2, 2020 at 7:04:07 PM UTC-8 Tiddly Novice wrote: >>>>>>> >>>>>>>> Is there a way to change the background color and border color for >>>>>>>> just the contents area of a tabs widget? And for bonus points: is >>>>>>>> there a >>>>>>>> way to change the contents area styles based on what tab is open or >>>>>>>> what >>>>>>>> tiddler is being transcluded by the currently open tab? >>>>>>>> >>>>>>> -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/ee542983-80ba-47b7-b6b9-42fe8a625fe2n%40googlegroups.com.