Forum:Annoying Icons problem.

Hello all,

Since the removal of the bar that showed who made the last edit to a page I've been encountering problems with the Icons I use at the top of a page. They used to appear at the top right, within the last-edit-bar, but when that disappeared the icons were messed up and floated over the infoboxes. So then I decided to place them on the top left of articles and decided to wait until the Wiki I copied the required templates from (Avatar Wiki) would come up with a solution (I'm not very good with .css myself). Well, that Wiki has a solution for quite a while now, but when I change my templates and copy their MediaWiki stuff, my problems aren't fixed. I guess this sounds like I've missed a couple of things, but I can't find out what.

Anyway, some examples: this article, from my Wiki has icons on the top left. this article, from Avatar Wiki, has icons on the top right.

Avtar Wiki's common.css and my wikia.css (check the .icons part).

Avatar Wiki's Icons template and its subpage.

My Wiki's Icons template and subpage.

Another problem I've been having (and Avatar Wiki never encountered) is that the icons are used as images for the Read More sections and Category Galleries. How is that fixable? I hope someone is able to help as it's kinda bugging me. I've contacted Avatar Wiki about this a while ago but they couldn't locate the problem. --- Zantam03 ( Talk ) 18:53, June 18, 2011 (UTC)


 * Hahaha how funny you are. Those icons are templates that mean something (e.g. Featured Article, Stub, etc..).
 * -- 03:07, June 19, 2011 (UTC)


 * So..? --- Zantam03 ( Talk ) 07:36, June 19, 2011 (UTC)


 * It's our Wikia.css that should be used as comparison, by the way. ;) There were a few more lines I put in as well that are relevant, but they're not together, which makes things confusing (sorry about that). Copy this:

.WikiaPageHeader {padding-bottom:0;margin-bottom:1.5em}
 * 1) icons {position:absolute;right:10px;top:-2em}
 * We essentially changed the header a little bit so that it's less tall to make a space for the icons.
 * As for how Wikia chooses images for the Read More and category galleries... I'm waiting for an answer too. The 888th Avatar   (talk)  08:17, June 20, 2011 (UTC)


 * Hey Avatar, thanks for the response. I did had a peek at your Wikia.css, but, using CTRL+F searching for ".icons", I didn't find anything so I checked your Common.css instead. But thanks for the two lines, the problem is fixed now :-) I also like to now how the Read More images are chosen, I think else I'll just remove the feature. --- Zantam03 ( Talk ) 09:09, June 20, 2011 (UTC)

Right now the Icons are touching the Facebook like button. How can I increase space between the icons and FB button? - Zantam03 ( Talk ) 09:28, June 20, 2011 (UTC)


 * You're welcome. :)
 * Ooh, that's happened because I decreased the size of our icons when I made this solution. ;) You can either decrease the size of the icons (which I don't think you're going to do, judging by the characters on the icons), or just increase the value of the margin-bottom for .WikiaPageHeader in the CSS &mdash; I had a look and 2em looks alright. The 888th Avatar   (talk)  11:19, June 20, 2011 (UTC)


 * Quick note - Wikia hasn't told us how they pick images for read more and category galleries, but we know that the algorithm prefers the first picture on the page.


 * Thanks again Avatar, that worked :-) - Zantam03 ( Talk ) 14:48, June 20, 2011 (UTC)