Help Forums/Paper.li Pro/Pro Paper Features

Customize! CSS changes for new "look and feel"

Julia Yaziji
posted this on Feb 27 17:51

PRO badge.png

Hi Pro user!

On March 5, 2014 we launched some minor changes to the look and feel of Paper.li.  All basic papers were switched automatically over to the new look and feel.  All Pro papers were given an extra month to preview the change and make any necessary changes to their custom CSS.  Finally, on April 7, we switched all remaining Pro over to the new look and feel.

Although we did our best to ensure that the impact to your paper was minimal, it is possible that some of our changes have impacted your custom CSS.  If you missed the April 7 deadline and your current CSS is not rendering properly,  please have a look at the below rules to see if any of these are included in your customizations. If so, copy, customize and save the new CSS in your editor.

You can view a complete list of custom CSS here.  

If you've made the changes and see that your paper is still not rendering correctly, drop us an email at [email protected] and we'll help you find a solution.

 

CSS to be updated: if you have the below rules in your paper, please update them with the below

 

/* Hide the editor's box */
.paper-sidebar-body .paper-sidebar-block:nth-child(2) {
    display: none;
}



/* Change navigation bar link color */
.paper-navigation li>a {
    color: red;
}

/* Hide edition date */

ul.nav-paper-date li:nth-child(1) {
display: none;

}

 

/* Control the paper title color */

.paper-masthead .paper-info h1 {

color: #000000 !important;

}

 

/* Control the paper subtitle color */

.paper-masthead .paper-info p {

color: #000000 !important;

}

 

/* Change navigation bar background color */
.paper-navigation {
    background-color: blue;
}

 

/* Featured article background color */

.lead-article .article-inner {
background-color: #000000;
}

  

/* Hide the Paper Title */

.paper-masthead .paper-info {

display:none;

}

  

/* Change the background color of the paper's main section (where all the text is) */

.paper-window {background-color: #000;}

.paper-navigation {

    background-color: #000;

    border-bottom-color: #000;

}

 

Invalid rules: if you don't delete them, that's okay. They'll no longer be valid after you make the switch to the new look and feel.  

 

/* Fixes issue: EDIT button hidden when you have a share bar installed*/

.paper-admin {
margin-top: 50px;
}

 

/* Hides home, topics drop down, photos, videos, shares and subs in nav bar */

.navbar-paper .nav {
display: none;
}

 

/* Hide border from Navigation box at top of paper*/

.navbar-paper .navbar-inner {
border-width: 0;
box-shadow: none;
}

 

/* Hide left side navigation (Home, topics, videos bar)*/ #paper_navigation_menu { display: none; }

 

/* Hide right side navigation (SHARE and SUBSCRIBE)icons*/

.navbar-paper .nav.nav-right-buttons {
display: none;
}

 

/* Hide topic menu item that opens drop down in nav bar */

.navbar-paper .nav .dropdown {
display: none;
}

/* Hide the subscription banners */

.subscribe-banner {
display: none;
}

 

/* Hide home, topics drop down, photos, videos, shares and subs in nav bar */

.navbar-paper .nav {
display: none;
}

 

/* Change border color of the box around the Nav menu ( changing the color ) if using the same color as bg color*/

.navbar-paper .navbar-inner {
border-color: #fff;
box-shadow: none;
}

 

/* Change border color of the box around the Nav menu ( changing the color to transparent)*/

.navbar-paper .navbar-inner {
border-color: transparent;
box-shadow: none;
}

 

/* Hide right column borders */
.paper-sidebar .paper-sidebar-body {
    border-color: white;
    margin-bottom: 0;
}

.paper-sidebar .paper-sidebar-block {
    border-color: white;

 
Topic is closed for comments