Another solution could be you register a meta box for the project pages which lets you type in whatever class name you want for each page… function add_project_page_metabox() { add_meta_box( ‘project_page_meta’, // $id ‘Project Meta’, // $title ‘ppm_callback’, // $callback ‘page’, // $post_type ‘side’, // $context ‘low’ // $priority ); } add_action( ‘admin_init’, ‘add_project_page_metabox’ ); … Read more
Take a look in the source code, and you’ll see the body tag on every page and/or post has a unique class associated with it (postid-1241 for example). Select that class and change the background image there. Example: body.postid-1241 { background: url(http://example.com/bg.png) fixed; }
Try something like this: <?php global $post; $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, ” ); $default = get_template_directory_uri().”/assets/images/backgrounds/highway.jpg”; $bgimg = (isset($src[1])) ? $src[0] : $default; ?> <style type=”text/css”> .parallax { background-image: url(<?= $bgimg ?>); } </style> wp_get_attachment_image_src() says it returns false when not found, but for some reason I’ve had bad time with … Read more
The CSS is generated on the file inc/custom-css.php, the background color is set on line 76: $background = sanitize_hex_color_no_hash( get_theme_mod( ‘background_color’ ) ); So you can take advantage of the theme_mod_{$name} filter, which changes the value of the get_theme_mod($name) function, by adding this to your functions.php file: add_filter( ‘theme_mod_background_color’, function( $value ) { $custom_bg_page_ids = … Read more
You are putting an image into the style attribute – this is wrong. You only need the path, not a tag: <div class=”art-header” style=”background-image:url(“https://wordpress.stackexchange.com/questions/71185/<?php header_image(); ?>”); background-repeat:repeat; height:<?php echo get_custom_header()->height; ?>px; width:<?php echo get_custom_header()->width;?>px;”> </div> After seeing the issue at hand, I would instead suggest this: your HTML: <div class=”art-header”>….</div> Anywhere on the same file … Read more
custom background can be used in below way: $defaults = array( ‘default-color’ => ”, ‘default-image’ => ”, ‘default-repeat’ => ”, ‘default-position-x’ => ”, ‘default-attachment’ => ”, ‘wp-head-callback’ => ‘_custom_background_cb’, ‘admin-head-callback’ => ”, ‘admin-preview-callback’ => ” ); add_theme_support( ‘custom-background’, $defaults ); Example usage: $args = array( ‘default-color’ => ‘000000’, ‘default-image’ => ‘%1$s/images/testback.jpg’, ); add_theme_support( ‘custom-background’, $args … Read more
Have you tried to add the background size “cover” inline as well, like so <section class=”hero” style=”background: url(‘<?php echo $hero_image[‘url’];?> ‘) cover;” xmlns=”http://www.w3.org/1999/html”>
Custom Background not Appearing
Add Custom Background Properties to Customizer
i would try the plugin “attachments” for the images. use it all the time for making page-specific galeries, downloads, etc. afterwards, you can use the script “supersized” Enqueue the Javascript from the Plugin, and place the following Code into the <head>: <script type=”text/javascript”> jQuery(function($){ $.supersized({ //Functionality gnav != true slideshow : 1, //Slideshow on/off autoplay … Read more