How to insert full width image between header and content without CSS

[anotherdave]

anotherdave

May 8, 2022 at 6:19 pm

Please pardon my lack of proper “lingo” here.

The best way I can explain what I’m trying to do and cannot find in Kadence WP Pro theme or Kadence Blocks Pro is going to be in the attached images.

I would like to know if there is a way to do this without any custom CSS and without using a Starter template, but instead, just using the built-in features of Kadence Pro Theme / Pro Blocks.

In one example, you see the basic main Kadence default appearance. In the other example is what I want to achieve, but I had to use Photoshop to create a demonstration, since I’m unable to do it with my Kadence Pro tools as far as I can tell.

In the “default” example you see the typical default look before doing any modification.

In the “custom” example you can see what I’m trying to achieve – I want to place a full-width image that sits snug against the header for just the main home page of a site. I had to use Photoshop to put that image in there for example purposes here, but I see it on so many sites that I can’t help but wonder what I’m missing.

I’d like to be able to adjust how much height of the image shows, since pushing a really tall image in there would take up far too much space. But really, I would just like the basic ability to stick an image right up against the bottom of the header, but above the content of the home page.

I’m guessing that this might be something very simple and obvious in the built-in options of the full Pro bundle that I’m just overlooking.

Can anyone please guide me to right place / way to do it?

Thank you for any assistance!