Wikia

Community Central

Admin Forum:Styling for "latest photos" h1

18,711pages on
this wiki
Talk0

This Forum has been archived

Forums: Admin Central Index Technical Help Styling for "latest photos" h1
Wikia's forums are a place for the community to help other members.
To contact staff directly or to report bugs, please use Special:Contact.


The MW 19 update seems to have brought with it some slight changes to headlines in the rail. I figured out how to change the RelatedVideos headline at w:c:tardis, but I'm having a devil of a time figuring out the new name of the element for the "latest photos" module. It seems to me that it should just be .LatestPhotosModule h1, but neither this nor .LatestPhotosModule h1.tight seem to be working.

Anybody got any better ideas out there? czechout@Wikia    fly tardis  <span style="">19:36: Wed 08 Aug 2012 

Duh. It should have been .LatestPhotosModule h1>tight. czechout@Wikia    fly tardis  <span style="">19:38: Wed 08 Aug 2012 

Here's the HTML structure you're trying to match:

<section class="LatestPhotosModule module" id="LatestPhotosModule">
    <h1 class="tight">Latest photos</h1>
    ...
    ...
</section>

If you take a look in Wikia's CSS, they're using some highly specific CSS selectors to match this in oasis.scss. For example, they have:

.LatestPhotosModule > h1.tight,
.LatestPhotosModule > .WikiaRail .module h2.tight,
.WikiaRail .module .LatestPhotosModule > h2.tight,
.LatestPhotosModule > .WikiaRail #RIGHT_SKYSCRAPER h2.tight,
.WikiaRail #RIGHT_SKYSCRAPER .LatestPhotosModule > h2.tight {
    margin-bottom: 10px;
}
 
 
.WikiaRail .module h1,
.WikiaRail #RIGHT_SKYSCRAPER h1,
.WikiaRail .module h2,
.WikiaRail #RIGHT_SKYSCRAPER .module h2,
.WikiaRail .module #RIGHT_SKYSCRAPER h2,
.WikiaRail .module #RIGHT_SKYSCRAPER h2,
.WikiaRail #RIGHT_SKYSCRAPER .module h2,
.WikiaRail #RIGHT_SKYSCRAPER h2 {
    font-size: 17px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 25px;
    padding-left: 2px;
}

To override these styles, you'd need to use your own CSS selectors that have higher specificity (or you can just use !important) By the way, .LatestPhotosModule h1>tight is not quite correct. > is the child selector. 20px_Rin_Tohsaka_Avatar.png Mathmagician ƒ(♫) 20:16 UTC, Wed, 08 August 2012

Around Wikia's network

Random Wiki