{"id":1654,"date":"2020-02-10T12:00:30","date_gmt":"2020-02-10T11:00:30","guid":{"rendered":"https:\/\/www.languedoc121tech.fr\/?p=1654"},"modified":"2020-02-10T12:00:30","modified_gmt":"2020-02-10T11:00:30","slug":"fixing-a-page-title-background-image-that-wont-update","status":"publish","type":"post","link":"https:\/\/dev.languedoc121tech.fr\/?p=1654","title":{"rendered":"Fixing a Page Title Background Image that Won’t Update"},"content":{"rendered":"\n

I recently launched a website for a client. During pre-launch some quirky and irregular behaviour that I’d hoped was just a consequence of my development environment failed to resolved. The problem? I had set different background images on each page, but they weren’t updating. So the Weddings page showed up correctly but then I’d click through to the Events page and that would show the image from the Weddings page. I’d Shift+F5 to refresh and it would show the right image – sometimes. Then I’d click through to the next page and, well, you can guess the rest. Not a good look on a new client’s site! <\/p>\n\n\n\n

If this is happening to, here’s how to first set a unique image on a page-by-page basis, then how to fix (or avoid) the issue.<\/p>\n\n\n\n

Setting a Page Title Background in Ocean WP<\/h2>\n\n\n\n

For this you need to be using the Ocean WP template with the Ocean Extra extensions. This gives you the ability to apply many of the settings from the main template on a page-by-page basis.<\/p>\n\n\n\n

First, open the page to edit. The scroll down to the very bottom of the page and you should see a panel that looks like this:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

You are trying to add a background image to the page title area, so scroll down and then click on Title<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Here you can override any template defaults (set via the Customizer) and change the settings. What we’re doing is changing the Title Style<\/strong>, so scroll down then select Background Image<\/strong> from the list.<\/p>\n\n\n\n

This opens up a new area with various options.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

There’s a lot you can do here but for now let’s just add an image, so click on Add Image<\/strong> and either upload a new image or pick one from the media library.<\/p>\n\n\n\n

With that done, Update <\/strong>(or Publish<\/strong>) the page to save the changes and your page title should now be displayed.<\/p>\n\n\n\n

The top of my page now looks like this:<\/p>\n\n\n\n

\"Chateau<\/a><\/figure>\n\n\n\n

Great!<\/p>\n\n\n\n

Except, this can be when the trouble starts. Do this on more than one page and you might notice a problem when you switch between pages. If this is happening to you, here’s how to fix it.<\/p>\n\n\n\n

\"\"<\/a><\/figure><\/div>\n\n\n\n

First, open the Customizer<\/strong>. Then scroll down to General Styling. <\/p>\n\n\n\n

Click the WP Head<\/strong> option, then Publish <\/strong>the changes. That’s it.<\/p>\n\n\n\n

Now check your site again.<\/p>\n\n\n\n

The issue with the background images should be resolved.<\/p>\n\n\n","protected":false},"excerpt":{"rendered":"

I recently launched a website for a client. During pre-launch some quirky and irregular behaviour that I’d hoped was just a consequence of my development environment failed to resolved. The problem? I had set different background images on each page, but they weren’t updating. So the Weddings page showed up correctly but then I’d click…<\/p>\n","protected":false},"author":2,"featured_media":1663,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"kt_blocks_editor_width":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_vp_format_video_url":"","_vp_image_focal_point":[]},"categories":[28],"tags":[98,99],"uagb_featured_image_src":{"full":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1.jpg",560,315,false],"thumbnail":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1-150x150.jpg",150,150,true],"medium":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1-300x169.jpg",300,169,true],"medium_large":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1.jpg",560,315,false],"large":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1.jpg",560,315,false],"vp_sm":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1-500x281.jpg",500,281,true],"vp_md":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1.jpg",560,315,false],"vp_lg":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1.jpg",560,315,false],"vp_xl":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1.jpg",560,315,false],"vp_sm_popup":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1-500x281.jpg",500,281,true],"vp_md_popup":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1.jpg",560,315,false],"vp_xl_popup":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1.jpg",560,315,false],"1536x1536":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1.jpg",560,315,false],"2048x2048":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1.jpg",560,315,false],"page-title-image":["https:\/\/dev.languedoc121tech.fr\/wp-content\/uploads\/2020\/02\/oceanwp-template-issues-banner1.jpg",533,300,false]},"uagb_author_info":{"display_name":"Admin","author_link":"https:\/\/dev.languedoc121tech.fr\/?author=2"},"uagb_comment_info":0,"uagb_excerpt":"I recently launched a website for a client. During pre-launch some quirky and irregular behaviour that I’d hoped was just a consequence of my development environment failed to resolved. The problem? I had set different background images on each page, but they weren’t updating. So the Weddings page showed up correctly but then I’d click...","_links":{"self":[{"href":"https:\/\/dev.languedoc121tech.fr\/index.php?rest_route=\/wp\/v2\/posts\/1654"}],"collection":[{"href":"https:\/\/dev.languedoc121tech.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dev.languedoc121tech.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dev.languedoc121tech.fr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.languedoc121tech.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1654"}],"version-history":[{"count":0,"href":"https:\/\/dev.languedoc121tech.fr\/index.php?rest_route=\/wp\/v2\/posts\/1654\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.languedoc121tech.fr\/index.php?rest_route=\/wp\/v2\/media\/1663"}],"wp:attachment":[{"href":"https:\/\/dev.languedoc121tech.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dev.languedoc121tech.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dev.languedoc121tech.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}