Skip to:
Content
Pages
Categories
Search
Top
Bottom

Re: Need Help with Print CSS for Buddypress. PLEASE help.


Pisanojm
Participant

@pisanojm

Ok, so I changed it around little bit…re-added the header after taking out the search box and am pretty happy with this now. For anybody looking for a starter I’ve included it here below. Couple that with this WordPress Codex article and you should be good to go.

Codex: Styling for Print:
https://codex.wordpress.org/Styling_for_Print

My final PRINT CSS for Buddypress THANKs to @mercime !!!:

/* > Print Styles MusicPLN.org BP


*/

@media print {
body {
background: #ffffff;
font-size: 9pt;
font-family: Arial, Tahoma, Verdana, sans-serif;
color: black;
width: 100%;
margin: 0 auto;
}

#search-bar {display:none !important;}
#sidebar { display:none !important;}
#wp-admin-bar {display:none !important;}
#nav { display: none !important;}
#omit { display:none !important;}
#whats-new-form { display:none !important;}
#whats-new-options { display:none !important;}
#whats-new-submit { display:none !important;}
#sub-nav {display:none !important;}
div.item-list-tabs { display: none !important; }

div#content .padder {
margin-right: 0px; border-right: 0px;
}

#content{
width:100%;
margin:0;
border-top:2px dashed #628FBD ;
font-size: 7pt;
float:none;
}

#content a { font-weight:bold;
color:#000066;
text-decoration:underline; }

h1, h2, h3, h4, h5, h6 { page-break-after:avoid;
page-break-inside:avoid; }

h3 { margin-left:2px;
margin-bottom:0px;
padding-bottom:0px;
}

blockquote, table, pre { page-break-inside:avoid; }

ul, ol, dl { page-break-before:avoid; }

img.centered { display: block;
margin-left: auto;
margin-right: auto; }

img.right { padding: 4px;
margin: 0 0 2px 2px;
display: inline; }

img.left { padding: 4px;
margin: 0 2px 2px 0;
display: inline; }

.right { float: right; }

.left { float: left; }

img { page-break-inside:avoid;
page-break-after:avoid; }
}

Skip to toolbar