I forgot about the box-shadows...smh.  Yes, I'm new at using CSS and the 
inspector and just realized after this that I can tick items off in the 
inspector.  Thank you so much - "box-shadows: none;" worked like a charm!  

On Monday, February 5, 2018 at 2:18:57 PM UTC-5, coda coder wrote:
>
> Okay, so, a quick click around in the inspector reveals... 
>
> Turn off borders and box-shadows (and the prefixed versions) in all 
> tc-tiddler-frame rules.
>
> Is that what you want?
>
> On Monday, February 5, 2018 at 1:02:26 PM UTC-6, [email protected] wrote:
>>
>> Sorry, I should have clarified - I want to figure out how to do it 
>> manually, as a learning exercise.  I could download a theme, but I want to 
>> know how and why it works.
>>
>> On Monday, February 5, 2018 at 1:57:39 PM UTC-5, coda coder wrote:
>>>
>>> Is the "Seamless" theme not what you're looking for?
>>>
>>> On Monday, February 5, 2018 at 12:54:09 PM UTC-6, [email protected] 
>>> wrote:
>>>>
>>>> In order to teach myself more about CSS, I've been working on an 
>>>> image-focused, personal project in TiddlyWiki5 to catalog my collection of 
>>>> card decks.
>>>>
>>>> I've managed to use a combination of CSS and the Palette settings to 
>>>> customize the wiki theme, but I cannot completely remove the tiddler 
>>>> frame.  I've managed to remove most of the frame, but a very thin line 
>>>> still shows up between tiddlers and on the right-hand side.  In order to 
>>>> isolate which element is responsible for generating the frame, I used the 
>>>> "inspect" viewer.
>>>>
>>>> Here's the weird thing: When I'm viewing the "inspect" panels, the 
>>>> frames utterly disappear and the wiki appears as I want it to appear.  As 
>>>> soon as I close "inspect", the frames are back.  None of the following CSS 
>>>> settings have worked:
>>>>
>>>> /* To remove tiddler frame */
>>>>
>>>> .tc-page-container {
>>>>   border: rgba(255, 255, 255, 0);
>>>> }
>>>>
>>>> .tc-page-view-classic {
>>>>   border: rgba(255, 255, 255, 0);
>>>> }
>>>>
>>>> .tc-tiddler-frame {
>>>>   border: none;  [Also tried making it transparent, no go]
>>>>   padding: 10px;
>>>>   margin: 0px;
>>>> }
>>>>
>>>> .tc-story-river {
>>>>    border: rgba(255, 255, 255, 0);
>>>> }
>>>>
>>>> div.tc-sidebar-scrollable {
>>>>    border: rgba(255, 255, 255, 0);
>>>> }
>>>>
>>>> .tc-dropzone  {
>>>>    border: rgba(255, 255, 255, 0);
>>>> }
>>>>
>>>> .story-backdrop {
>>>>   border: rgba(255, 255, 255, 0);
>>>> }
>>>>
>>>> I originally thought, "hey, it's so small and barely visible, why make 
>>>> it into a big issue?" But now that I can't seem to figure out how to 
>>>> change 
>>>> it, it's become a major problem for me to solve.  I searched the TW Google 
>>>> Group forum and found a couple instances of frame manipulation, but they 
>>>> didn't fix it.  
>>>>
>>>

-- 
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 [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/977eeb6a-86f9-4e47-bb3c-e8efe95d172c%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to