#How to get the logo to display at the top of an wiki page

25 messages · Page 1 of 1 (latest)

livid totem
#

Something like the picutre i inserted would be fine

Screenshot_2024-08-09_at_5.40.11_PM.png
oak fossil
#

pretty much boils down to CSS
I suggest to check that wiki's MediaWiki:Common.css page, although I know styling on wiki.gg tends to get very complicated

livid totem
#

It's not on their common.css thought which is interesting

#

I found they store it in a separate file called "Media wiki:Vector.css"

#

But when I used the template provided it didn't quite render correctly

rain sequoia
#

Perhaps it is done through the ManageWiki? (If they have that?)

#

(I'm not familiar with gg)

narrow yacht
#

TIL old vector is laid out like a nightmare

#

trying to see if i can css a chunk of space up there to put a logo but turns out all the navigation stuff and the content block itself are all hardcoded into position

oak fossil
#

if you see sick looking wiki.gg it's only because they're lucky to have some CSS/JS masters in their team or wiki.gg staff made that for them

rain sequoia
narrow yacht
#

@livid totem kinda scuffed but this should work
change the --header-logo-height and width at the top if needed

/*------------------ header logo -------------------*/
:root {
  --header-logo-height: 150px;
  --header-logo-width: 300px;
  --header-displace-height: calc(var(--header-logo-height) + 90px);
}

#mw-page-base {
  height:var(--header-displace-height);
}

#mw-head {
  height:var(--header-displace-height);
  display:flex;
  flex-flow:row wrap;
}

#right-navigation, #left-navigation {
  margin-top:0;
  align-self:flex-end;
  margin-bottom:unset;
}

#right-navigation {
  margin-left:auto;
}

#mw-panel {
  padding-top:40px;
}

#p-logo {
  width:100vw;
}

#p-logo a {
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  height:var(--header-logo-height);
  width:var(--header-logo-width);
  margin:auto;
  
}
/*-------------------------------------*/
image.png
livid totem
#

Ok thanks

#

Much appreciated

livid totem
narrow yacht
#

yea

livid totem
#

Alright

narrow yacht
#

or vector

livid totem
narrow yacht
#

also the default skin on ur wiki isnt old vector so ur gonna wanna change that

image.png
livid totem
#

yeah

livid totem
narrow yacht
#

ah
add this

#right-navigation {
margin-left:auto;
}
#left-navigation {
margin-bottom:unset;
}
livid totem
#

it worked