Buy All 61 Premium WordPress Themes for $59.99
No Additional Fees, Pay Once and Use Unlimited Time for Unlimited Domains, Free Lifetime Updates

TishConstruct: Set a Custom Page Header Background Image on a Specific Page

TishConstruct: Set a Custom Page Header Background Image on a Specific Page

By Default the Page Header Background Image (set in Admin Panel -> Left Menu -> Appearance -> Customize -> ‘Header and Footer’ Section -> ‘Page Header Background Image’) is same for all page. In case you want to set a specific image as a page header background image for some page, it will require a small customization:

1.Open the page you want to set a specific page header background image for edit

2. Insert ‘Custom HTML’ block:

3. Insert the following code:

<script type="text/javascript">
jQuery( document ).ready(function() {

jQuery('section.page-title').css('background-image', 'url(https://tishonator.com/themepreview6/tishconstruct/wp-content/uploads/sites/37/2021/02/sunset-219354_1280.jpg)');

});
</script>

Replace:

https://tishonator.com/themepreview6/tishconstruct/wp-content/uploads/sites/37/2021/02/sunset-219354_1280.jpg

with URL of the image you want to set as a Page Header background image

4. Save changes

Leave a Reply