CSS Print StyleSheet Not Working on Webforms

Jes Sie

Can someone help me how to use correctly the css for media print? I'm very novice when it comes to html and css, hence, all the styles that I use is inline. I tried to follow what I found on google on how to use the media print but no luck. Below is a snippet of my css media print where it doesn't work.

<style>
@media print {
.imageLogo {
margin-top: 5px;
}
.fontfamily {
font-family: 'Phetsarath OT';
text-align: center;
font-weight: bold;
}
.regularfont {
text-align: center;
font-weight: bold;
}
.sched {
text-align: center;
font-weight: bolder;
font-family: 'Phetsarath OT','Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 35px;
}
.leftSide {
width: 200px;
}
.next-to-left {
width: 300px;
}
.grid {
margin-left: 200px;
}
.gridview td {
width: 300px;
text-align: center;
}
}
style>

Thanks in advance for any help.

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Manas Mohapatra9y ago
Accepted answer
Make sure that you have correct css class names.
Make sure CSS are applied properly in your web form.

Lastly follow below links that may help you:

http://www.c-sharpcorner.com/UploadFile/skumaar_mca/media-css-for-print-the-web-page-in-customized-format/

https://weblogs.asp.net/dwahlin/getting-started-with-css-media-queries

Note: Try in some latest browsers.
Jes Sie9y ago
Hello again Manas, it's working now! I am using a panel that's why it is not working. When I transfer the link inside the panel, it worked! Thanks for your help.
Jes Sie9y ago
Hello Manas thanks for the prompt reply. As usual I did follow point per point, instruction per instruction but what I don't understand that when I'm going to use media="print" it doesn't work. On the other hand, media="screen" works very well. We cannot say that the class name is not correct because its working using media="screen".