Fandom

Community Central

Comments0

Fixing Problems with CSS

Dser November 26, 2011 User blog:Dser

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.

With this week's update came a few bugs and other things I've seen that people don't like on oasis. I am an amateur coder, but I found css to temporarily fix some of these.

Search bar on history pagesEdit

The search bar on history pages was not in the right location. Use the following to fix this:

.wikinav2.oasis-one-column .WikiaPageHeader {
  margin-right:10px;
}

Special:Search search barEdit

The large search bar on Special:Search was extended too far. Use the following to fix this:

.WikiaPage > .WikiaPageContentWrapper > .WikiaMainContent > .WikiaArticle > .WikiaSearch input[type="search"], 
.WikiaPage > .WikiaPageContentWrapper > .WikiaMainContent > .WikiaArticle > .WikiaSearch input[type="text"] {
  width:608px
}

Removing linesEdit

Removing the line under the search bar:

.wikinav2 .WikiaRail > .WikiaSearch, .wikinav2 .WikiaSearchHeader > .WikiaSearch {
  border-bottom:none;
  padding-bottom: 6px;
  margin-bottom: 3px;
}

Removing the line under the header:

.wikinav2 .WikiaPageHeader {
  border-bottom:none;
}

Removing the line under the comments box:

.upper-pagination {
  padding-top: 10px;
  margin-bottom: 5px;
  border-top:none;
}

Also on Fandom

Random Wiki