How do I edit the headings on the pages?

Hi

Thank you for reaching out.
In pro version you can fine options like following to change the header settings – https://prnt.sc/TSLkEt3g-ifa

As you are using the free version, the OneListing Free theme does not contain these settings. But you can use the child theme to override the templates or use CSS to change the image. https://prnt.sc/ut0XAPsRXnhq

If you need more information you can contact our support channel.
Thank you for your patience and cooperation.

Kind Regards

Thank you for your time and help! I already responded to your email (since I also emailed tech support when I posted this…in case one responded quicker…)

But I’ll also respond here in case others might benefit from this info. Please refer to the screenshot above. Maybe I used the wrong term? But I don’t mean the site header, I mean the PAGE header. This is on the default top of every WP page. The restaurant table image (which was imported with dummy info). THAT’s the image that I want to be able to change…I’d like to be able to edit that on each page so I can use individual images on each page.

It doesn’t appear to be the featured image since I tried changing that and that did nothing.

Maybe it’s something in Elementor (which I am also using…also the free version.) But I cannot for the life of me figure out how to edit this in Elementor either?

The inspect tool (right click…not sure what it’s called) hasn’t helped either…I’m not knowledgeable enough to figure out where to change the code on this item, apparently…not sure what I’m looking at when I do that…

Help!

Here’s a snip of what I see when I right click on that image:

You can go to https://staging6.fresnofamily.com/about/ to see what I mean, if you right click (and choose “inspect”) on the large image at the top of the page. I don’t even know what this tool is called, sorry…

Hello,

Thank you for your response.

To change the background image on different pages, you can use the following CSS code:

/* About Page */
.page-id-1464 .banner {
    background: url(https://imageio.forbes.com/specials-images/imageserve/5d35eacaf1176b0008974b54/2020-Chevrolet-Corvette-Stingray/0x0.jpg) no-repeat scroll center center / cover;
}

For each page, make sure to change the page ID in the CSS rule to the correct page ID, and also update the image URL to the desired image for each specific page.

I have verified that this code is working correctly on your website.

If you need any further assistance, please don’t hesitate to let me know.

Kind Regards,