• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WBXPress.NET

Website Developement Guide

  • apache2
  • nginx
  • mysql
  • php7
  • SSL
  • wordpress
  • genesis
  • caching
  • seo

Add Print Style to Genesis Theme without Plugin

Updated on 10th October 2015 Leave a Comment

Are you thinking about adding a print button below your blog post? There is a great plugin for this. WP-Print.

If you are a genesis user, there is another great one. Genesis Printstyle Plus.

We like to add print style without using any plugin.

The code below is to be added into your genesis theme style.css

/* # Print Styles
----------------------------------- */

@media print {

	.site-header,
	.nav-primary,
	.breadcrumb,
	.entry-meta,
	.site-footer,
	.entry-comments,
	.comment-respond
	{
		display: none !important;
	}
}

The above code works flawlessly for a one column layout theme. If you have 2 or 3 column layout theme, you need to add .sidebar, .sidebar-alt to the above code. If you want to add further element you should inspect through Mozilla Firefox->Developer->Inspector.

Filed Under: wordpress Tagged With: genesis, theme-development

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Most Popular Posts

  • Remove/ Defer Render-blocking JavaScripts
  • Customizing Genesis eleven40-pro Theme
  • Free Genesis Child Theme by WBXPress
  • Host Multiple Sites with SSL in Ubuntu 18.04
  • 25 Ways to Boost Website Traffic that Really Work

Recent Comments

  • Ruhul on Customizing Genesis eleven40-pro Theme
  • Priya Agarwal on Customizing Genesis eleven40-pro Theme
  • mimi roy on Remove/ Defer Render-blocking JavaScripts
  • danish choudhary on Customizing Genesis eleven40-pro Theme
  • Radhe on Customizing Genesis eleven40-pro Theme

Copyright © 2021 · Powered by WordPress · Log in