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

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

Checkbox For Styling Pages Differently

The code in this tutorial for members enables you to select a checkbox to style any single post or page based on your checkbox selection.

This enables you to change the header image, background image/color, CSS and any other elements on the entire page or post simply by checking a box in the admin screen.

Simple Checkbox

Once you add the code in your theme and custom CSS for each checkbox selection, you can then select any of the color checkboxes to style the page or post.

You can add as many names as desired which automatically generate new checkboxes added to single post/page edit screens. You can also customize the checkboxes and text.

Header Images

You can also add a unique header image based on the checkbox selected as seen in the above demo and style all header elements differently:

Background Images

You can also add a unique background image based on the checkbox selected as seen in the following demo :

Video Demo

Here’s the full demo showing you how the code enables you to add a check box on any single page or single post admin screen to set the styling for that page or post. It sets the header image and header styling, background image/color and styling for any/all elements on the entire post/page.

Here’s the full code for premium members:

Register for full access

Related Tutorials

  • Template For Custom Logo & Different Menu

Background Image Taxonomy Terms

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems