SID-02160: Center All TWiki Pages?

Status:	Answered	TWiki version:	6.0.2	Perl version:	5
Category:	CategorySkin	Server OS:	Linux	Last update:	9 years ago

Newbie here so forgive my ignorance.

I'm trying to center my pages instead of having them left aligned. I found this article but I don't have a clue on what to do with this:

http://twiki.org/cgi-bin/view/TWiki06x00/PatternSkinCssCookbookCenterPage

Can someone give me a play by play on how do this?

Much appreciated!

-- shaye ryan - 2016-02-26

Discussion and Answer

Attach the centerpage.css file located at PatternSkinCssCookbookCenterPage to your Main.TWikiPreferences page and add this bullet in your Main.TWikiPreferences:

• Set USERSTYLEURL = %PUBURL%/Main/TWikiPreferences/centerpage.css

This will center all topics in your TWiki (like shown on this support topic). You can customize centerpage.css as needed.

-- Peter Thoeny - 2016-02-26

Sorry Peter, I'm super green. How do I attach this .css to my main page? And where exactly to I put this bullet on my TWikiPreferences:?

This is my site, if you can point me to the URL's that would super helpful!

http://velaresystems.com/twiki/bin/view/

Freaking love this Wiki btw...coders don't get love they deserve. You guys are geniuses and artists!

-- shaye ryan - 2016-02-26

Attach to css to http://velaresystems.com/twiki/bin/view/Main/TWikiPreferences, and edit that topic in raw, then create above mentioned bullet (three spaces, asterisks, "Set"...)

-- Peter Thoeny - 2016-02-27

Thanks again Peter, I think I'm getting close. I have attached the CSS to http://velaresystems.com/twiki/bin/view/Main/TWikiPreferences and created the bullet point here http://velaresystems.com/twiki/bin/view/Main/TWikiPreferences but doesn't seem to be center the page, maybe I'm putting the bullet point in the wrong place?

-- shaye ryan - 2016-03-01

Nevermind, I got it! I was attaching the CSS to the wrong page, thanks again!!

-- shaye ryan - 2016-03-01

Hi Peter and All

We are planing to implement Twiki for our department. At present I am facing two problem as described bellow .

1 ) After following this support page about centering the pages. I get only my "Main.TWikiPreferences" centered and all other pages remain left aligned. I have made the entries in http://XXX.XXX.XXX.XXX/do/view/Main/TWikiPreferences ( XXX.XXX.XXX.XXX is our local IP) as follows :

"""---++ Site Specific Site-wide Preferences <!-- Add site-wide preferences here -->

• • Set SKIN = tagme, topmenu, pattern
  • Set USERSTYLEURL = %ATTACHURL%/centerpage.css """"

Please help me how to configure to make all the pages centered.

2) As you can see after centering the the page the topbar get aligned to right and some button like Account get hidden. How to solve this problem to centered align the topbar.

Hope you can help me in this regard.

Thanks in advance.

Basab B IIT Guwahati, Department of Physics

-- TWiki Guest - 2016-07-30

The %ATTACHURL%/centerpage.css points to the centerpage.css attachment in the current topic. If you set this in the TWikiPreferences and you want to have it take effect in all topics you need to point specifically to the TWikiPreferences topic, e.g. %PUBURL%/Main/TWikiPreferences/centerpage.css.

Details in FileAttachments.

-- Peter Thoeny - 2016-07-30

Thank very much, it solved my first problem.

2) As you can see after centering the the page the top most bar get aligned to right and some button like Account get hidden. How to solve this problem to centered align the topbar.

Hope you can help me in this regard.

Thanks in advance.

Basab B IIT Guwahati, Department of Physics

-- TWiki Guest - 2016-07-30

Ah, then the TopMenuSkin needs to be fixed to support centering pages.

If you find a missing functionality, by all means please support open source software and get involved. You could enhance TWiki and post a patch, or hire a TWiki consultant to do that for you.

-- Peter Thoeny - 2016-08-03

If you answer a question - or someone answered one of your questions - please remember to edit the page and set the status to answered. The status selector is below the edit box.