Community Central

Admin Forum:Adding Background to Page


Admin Forum:Adding Background to Page

19,673pages on
this wiki
Add New Page
Talk0 Share

This Forum has been archived

Forums: Admin Central Index Technical Help Adding Background to Page
Central's forums are a place for the community to help other members.
To contact staff directly or to report bugs, please use Special:Contact.
Note: This topic has been unedited for 1510 days. It is considered archived - the discussion is over. Do not add to unless it really needs a response.

Hello. I know this is somehow possible. If someone could please tell me the CSS to add a background image to the Wikia page, that would be great. I cannot get it using Firebug, so there is obviously something I am doing wrong. Thanks, DaRanger (Talk ~ Contribs) 21:21 ~ 10/25/2011

Unfortunately, ever since Wikia changed their layout to allow transparent page backgrounds with the theme designer and added the "WikiaAdvertPage" section, changing the background with CSS became slightly more complicated. Here is an example code to add a transparent page background:
/* The page background for the page and the advert section at the top */
.WikiaAdvertPage, .WikiaPage{ 
	background:url("") repeat scroll 0 0 transparent;

/* Make the redundant background div behind the page transparent */
.WikiaAdvertPage .WikiaPageBackground, .WikiaPage .WikiaPageBackground{
	background: none repeat scroll 0 0 transparent;
By the way, you may receive better help if you give us a link to the wiki where you want this to work. --Gardimuer { ʈalk } 06:47, October 26, 2011 (UTC)
You could just use .WikiaPageBackground {background-image:url("url here");}, couldn't you? It does the job on some of the wikis I edit. Sovq 07:21, October 26, 2011 (UTC)
Thanks. Gardimuer's code worked. I did not test Sovq's but I am sure it too worked. DaRanger (Talk ~ Contribs) 20:20 ~ 10/26/2011
Sovq, applying the background to .WikiaPageBackground causes overlap issues with some elements in the actual page that extend a pixel or so over the edge. It is most noticeable on the Admin Dashboard and on pages such as user pages or blog pages which have a gradient extending to the edge. --Gardimuer { ʈalk } 01:45, October 27, 2011 (UTC)
Tagging {{FAQ}}. -- Fandyllic (talk · contr) 27 Oct 2011 3:33 PM Pacific

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.