Page number in the bottom-middle of tiddler

102 views
Skip to first unread message

Mohammad

unread,
May 11, 2018, 8:57:29 AM5/11/18
to TiddlyWiki
I tried to have a page number in the bottom of tiddler (5px above tiddler frame) 

.td-footer {
 background-color:#000;color:#fff;display:inline-block;text-
 align:center;
 position:absolute;
 font-size:0.5em !important;
 font-weight:700;
 border-radius:50%;
 padding:8px;
 bottom:5px;margin: 0 auto;
}



The number is shown at the bottom left of tiddler, I tried margin: 0 auto, but it does not work!
I appreciate to take a look ne let me know how I can do this!


!! NOTE
I use a macro to read the tiddler filed called "page-number" and then style it with .td-footer

BurningTreeC

unread,
May 11, 2018, 9:03:27 AM5/11/18
to TiddlyWiki
Hi Mohammad,

How is it if you add "width: 10%; left: 45%;" ?

Mohammad

unread,
May 11, 2018, 9:19:31 AM5/11/18
to TiddlyWiki
I tried it! Doesn't work!

Mohammad

unread,
May 11, 2018, 9:43:04 AM5/11/18
to TiddlyWiki
This works
 left:45%; width:autho;

or left:50%

Best
Mohammad


On Friday, May 11, 2018 at 5:33:27 PM UTC+4:30, BurningTreeC wrote:

TonyM

unread,
May 13, 2018, 8:23:51 PM5/13/18
to TiddlyWiki
Mohammad,

I have used html tables with three columns, one row and then Left centre and Right Justify the text in the cells, these can be given 33% width (or variations there of.

Regards
Tony

Mohammad

unread,
May 14, 2018, 3:33:21 AM5/14/18
to TiddlyWiki
Thank you Tony! The auto width did the job!

Best
Reply all
Reply to author
Forward
0 new messages