Skip to content

motherjones/the-big-features

Repository files navigation

The Big Features

This repository includes backups of our customized Big Feature stories with notes, tips, and resources for accomplishing similar feats of design elsewhere.

Table of Contents

Commonly requested CSS adjustments

Remove the newsletter signup blurb from the top of an article

.mj-text-cta {
    display: none;
}

Adjust the line break in a headline

Split Layout:

.single.title-split #header-text {
    padding: 1rem 1.5rem;
}

Adjust the left-right padding to widen or narrow the space for the header text.

Make an element span the full width of the screen

.mpp-fullwidth-illustration {
     position: relative; 		// keeps the element in the document flow
     min-width: 100vw;   		// makes it 100% of the viewport width
     margin: 0 -50vw;	 		// relocates the the element to the left edge of the viewport 
     left: 50%;					// ''
}

Add a custom font to a post

@import url(https://use.typekit.net/zvz7sxb.css);

Use a typekit or google font link for this, and put it in the Custom CSS field like any other customizations.

Resources

About

Notes and backups for customized feature stories

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published