Talk:WikiaNavigationBarStyle

This is the talk page for discussing improvements to the WikiaNavigationBarStyle page.

• Please sign and date your posts by typing four tildes (~~~~).
• Put new text under old text. Click here to start a new topic.
• If you're new to the wiki, please take a look at the talk page help.
• Be polite
• Assume good faith
• Be welcoming

Replacing the logo

Hi, I noticed your note on replacing the global nav logo using JavaScript. You shouldn't need any JS for that - try using these styles (they work for me in Firefox, Chromium, and IE):

.wds-is-wds-company-logo-fandom,
.wds-is-wds-company-logo-powered-by-wikia > g > path:first-child {
    display: none;
}
.wds-global-navigation__logo-image.wds-is-wds-company-logo-powered-by-wikia {
    margin-left: -155px;
    width: 260px;
}

They work by hiding the "Fandom" and "powered by" portions of the usual Fandom SVG logo, then enlarging the remaining "Wikia" portion. - OneTwoThreeFall ^talk 07:54, May 15, 2017 (UTC)

I'll take a look at it when I next get the chance. If I think it does a good job, then I'll add it instead of making an add on JavaScript for it. ― C.Syde (talk | contribs) 23:17, May 15, 2017 (UTC)

Hmm. I was actually thinking of using the two piece logo that came directly before the current one, so instead of saying "Wikia", it would say "Wikia" and "The Home of Fandom". Trying to add it in two images was too much work, so I had to add it as one image, which I have a copy of on my wiki. ― C.Syde (talk | contribs) 03:46, May 17, 2017 (UTC)

Ah, that logo! That can still be added with pure CSS - no images needed (mostly pilfered from Wikia's old SCSS code):

.wds-global-navigation__logo::after {
    content: "The Home of Fandom";
    border-bottom: 1px solid;
    border-top: 1px solid;
    color: #aaa;
    font-size: 10px;
    font-weight: bold;
    line-height: 16px;
    margin-left: 8px;
    text-transform: uppercase;
}

- OneTwoThreeFall ^talk 11:25, May 17, 2017 (UTC)