(→Replacing the logo: reply ×2) Tag: sourceedit |
m (KockaAdmiralac moved page Talk:WikiaNavigationBarStyle to Talk:WikiaNavigationBarStyle/en without leaving a redirect: Preserving page history) |
(No difference)
|
Revision as of 20:40, 4 December 2017
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)
- You're welcome! - OneTwoThreeFall talk 11:53, May 18, 2017 (UTC)
- Wow, I didn't expect the code to become outdated so quickly… Looks like Speedit has already made a fix for the logo - nice work! - OneTwoThreeFall talk 11:53, May 18, 2017 (UTC)