Fandom

Community Central

Admin Forum:Styling for "latest photos" h1

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

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.

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@fandom    fly tardis  <span style="">19:36: Wed 08 Aug 2012 

Duh. It should have been .LatestPhotosModule h1>tight. czechout@fandom    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

Also on Fandom

Random Wiki