SharePoint – Print is too small. How to increase print font?

SharePoint – Print is too small. How to increase print font?

Add the Content Editor WebPart to a SharePoint Site [how to add…]

Now click the “Click here to add content” and then click the HTML button in the Ribbon to bring up the Edit source code window;

This Code will add the button and allow you to adjust the Font Size.

 

<styletype="text/css">

@media Print

{

/*This is to change style of body fonts.*/

BODY {

LINE-HEIGHT: 160%; BACKGROUND: white; FONT-SIZE: 16pt

}

INPUT {

DISPLAY: none

}

/*Now in my case my page was mostly having SPAN and Paragraph tags.

So added below styles to page.*/

/*IMPORTANT is required to override inline styles.*/

DIV SPAN {

LINE-HEIGHT: 24px; FONT-SIZE: 18pt!important

}

DIV P {

LINE-HEIGHT: 24px; FONT-SIZE: 18pt!important

}

/*Below style is to hide title If you want to enable it then remove it.*/

.s4-title {

DISPLAY: none

}

}</style>

<inputid="myPrintButton"onclick="window.print();return false;"type="button"value="Print this page">

 

 

This resolved my problem. I was able to get fonts based on user’s need.

 

Use the ‘Comments’ form to share your thoughts.

How to add Content Editor WebPart to SharePoint Page.

To add a Content Editor Web Part (or CEWP) to your page, follow the steps listed below:

·         Open your SharePoint site.

·         Navigate to the page you wish to add CEWP.

·         Click on 'Site Actions' then select 'Edit Page'. Alternatively, there is now a small 'Edit' icon right on the page. It is located icon in the upper left hand corner of your screen Clicking this icon will take you into edit mode.

·         Now 'Editing Tools' tab will be visible with two options for editing the page, 'Format Text' and 'Insert'. Click on the tab labeled 'Insert'.

·         Select 'Web Part'.

·         On the Web Parts page, there are columns of information to use when browsing the type of web part you'd like to add to the page.

·         From Categories choose “Media and Content” > “Content Editor” and add it to the main section of the page;

·         Click the “Click here to add content” and then click the HTML button in the Ribbon to bring up the Edit source code window;

·         Once you have finished adding the web part to the page, click on the small 'Save & Close' icon in the upper left hand corner of your screen (it is by default the third option in, following 'Site Actions' and 'Navigate Up'). Clicking this icon will save your work and take you out of edit mode.

Content Editor WebPart is now added to the page.

Please leave your comments/feedback.

SharePoint 2013 Global Navigation Menu Alignment and Display

Default behavior of Top Navigation menu in sharepoint 2013 was overlaped, and also the menu-arrow were not vertical aligned.

So quick fix for this problem is to add Content Editor WebPart to page and add (Override) CSS classes used by TOp Navigation Menu.

Add below CSS to Content Editor WebPart and it will resolve problem.

<style>
.ms-core-listMenu-horizontalBox .menu-item, .ms-core-listMenu-horizontalBox  

.menu-item .additional-background, .ms-core-listMenu-horizontalBox  

.menu-item .additional-background .menu-item-text { display:block; }
ul.dynamic { min-width:175px; }
span.menu-item-text:hover { 
background-color:rgba(205,230,247,0.5);
padding:2px;
}
span.menu-item-text{ 
padding:2px;
}
</style>