FFWiki forum logo.png
Forums: Index > Rin's Travel Agency > Archive > CSS issues: inset contentspace in Oasis


FFVII Cait Sith Battle.gif

Change the margin-top of the main content area, and change the border parameters of the main content area.

I assume we're looking at:

<section id="WikiaPage" class="WikiaPage V2 WikiaGrid">
	<div id="WikiaPageBackground" class="WikiaPageBackground"></div>
	<div class="WikiaPageContentWrapper">"

So I would first try:

#WikiaPage{border:1px solid #ccc !important; margin-top:-18px}

Try it? 79.69.198.45 15:06, September 23, 2012 (UTC)


"like the text is set OVER the background, and the Wikia advertisement thing is set over the text. On Community Central, it doesn't look like that. "

I also don't know what you're talking about. Maybe because I don't see ads...? Or maybe because of your CSS set-up? In any case, I don't know what you mean so you'll need print screens. 79.69.198.45 15:07, September 23, 2012 (UTC)

FFVII Cait Sith Battle.gif

I had a derp moment, the flashy border isn't done with border parameter. On further inspection, try this code:

.WikiaPage {box-shadow:0 !important; margin:-59px auto -39px !important; padding-top:59px !important}

The changes are imposed by the class ".oasis-split-skin" which is unique to the new "skin" used on that full page. So I've just reverted them. Although rather than telling you to use the ".oasis-split-skin .WikiaPage" selector, I've gone without just in case the oasis-split-skin class isn't used when implemented. 79.69.198.45 19:09, September 23, 2012 (UTC)

I can't see any difference. C A T U S E 20:32, September 23, 2012 (UTC)
It should at least fix the stuff at the top. On the linked page there is a gap between the header and the page-content, and with that code now there shouldn't be.
As with the box-shadow, I made a mistake. Change "0" to "none".
Other than that, everything looks the same for me, other than tweaks to sizing, and the header being full-width. JBed (talk) 20:46, September 23, 2012 (UTC)
Yeah, that seems to fix it. Only problem is this weird shadow under the start-a-wiki bar, but that's not quite as noticable or ugly.
Thanks. C A T U S E 21:03, September 23, 2012 (UTC)
.WikiaHeader {box-shadow:none !important}

Also, if you really hate shadow, there's this:

.global-notification {box-shadow:none !important}

I'll work on a total-revert in a bit, in case people are averse to all of the changes. JBed (talk) 21:15, September 23, 2012 (UTC)

If people are averse to all of the changes

{{{2}}}

I think that's a given by now :P C A T U S E 21:18, September 23, 2012 (UTC)

Okay, so the changes have been applied. What do people think? Add the new CSS or not? C A T U S E 14:37, October 3, 2012 (UTC)

I don't see much difference at all to the old version. My toolbar has become collapsible though whee.Keltainentoukokuu (talk) 16:06, October 3, 2012 (UTC)
The collapsible toolbar was part of the skin changes Wikia released yesterday, so that is actually something independent of your CSS tweaks. --DaNASCAT (help forum | blog) 18:10, October 4, 2012 (UTC)
Community content is available under CC-BY-SA unless otherwise noted.