thaider / Tweeki

MediaWiki skin based on Twitter's Bootstrap
http://tweeki.kollabor.at
Other
128 stars 31 forks source link

customizing sidebar #258

Closed MaxiMechEng closed 1 year ago

MaxiMechEng commented 1 year ago

Hi,

is it possible to change the background colour of the buttons in the sidebar? I haven't found anything on it in the how-to section or other tutorial-like sections. In addition to that: Is it possible to add little images into those buttons? (similar to the attached screenshot for example) Screenshot 2023-07-20 131015

Thanks in advance!

rebastion commented 1 year ago

you can style sidebar buttons with CSS, and the icons are fontawesome so those should theoretically be switchable (albeit possibly hard coded)

MaxiMechEng commented 1 year ago

sorry for the late response, but how do I style the sidebar buttons with CSS? I'm fairly new to the whole topic

thaider commented 1 year ago

You can use Button Syntax to define sidebar items. Have a look at the Icons section of the documentation.

If you have the line Startseite|<i class="fa fa-home"></i> Startseite in MediaWiki:Tweeki-sidebar-left the button will be shown with a home icon.

You can search for available Font Awesome icons here.

One easy way to get grey buttons would be to change MediaWiki:Tweeki-sidebar-left-btnclass to this: btn btn-secondary.

The result of the two above should look like this:

Bildschirmfoto vom 2023-09-01 20-42-21