Messing with layout

[kamerunkg]

Any directions how to modify layout of Strapping Theme? For example how to make logo and menu like on oVirt page or add sidebar?

[garrett]

Thanks for the feedback.

Yes, I should write up more about this topic.

A quick, short summary:

• Customize the skin by editing theme.css with custom CSS.
• There's a "sidebar" as the navigation at the top. Edit the page called MediaWiki:Sidebar to edit the navigation. The other sidebar stuff in a normal MediaWiki is actually at the top in a userbar, that is on for signed in users, or if you explicitly turn it on.

---

Here's the setting anonymous userbar at the top of the page:

$wgStrappingSkinAnonNavbar = true;

And I think this turns on a sidebar for navigation (although I haven't personally used this):

$wgStrappingSkinDisplaySidebarNavigation = true;

Both of these settings and more can be found at the bottom of Strapping.php

---

You can make the page non-wiki-like by setting a preference in LocalSettings.php: https://github.com/OSAS/strapping-mediawiki#optional-configuration

Here is some additional information about how to customize the look and feel using theme.css https://github.com/OSAS/strapping-mediawiki#themecss

---

You can change the logo in the standard MediaWiki way: https://www.mediawiki.org/wiki/Manual:FAQ#How_do_I_change_the_logo.3F

---

Great questions! Please let me know if you have any more.

I'll leave this issue open for a bit as a reminder for me to update the documentation when I get a chance (soon).

[kamerunkg]

Thanks Garret - great support :)

Maybe you could give some tips how to make the theme responsive? Out of the box it's nothing compared to oVirt. I've read the scaffolding manual on bootstrap page, but it doesn't relate much to the structure of oVirt header element. I think i did everything right in the structure of my page but it doesn't respond to window resize. Any tips?

Have a look please: http://dark.wnpid.amu.edu.pl/~wiki/index.php/Strona_g%C5%82%C3%B3wna

[vid]

can you support changing the logo using MediaWiki:Common.css ? eg

p-logo a { background: url(/mw/images/…/some-great-uploaded-logo.png) 35% 50% no-repeat !important; }

thanks!