Colour box under image

Hi David,

Yes, you can achieve this with GB, please reffer to the structure here:
https://www.screencast.com/t/dLYZZOxDsH7

1.Set background image for the containers, give them a min-height, set its vertical alignment to bottom.

2.Add background color for the headline blocks.

You might need some CSS to achieve the hover effect later.

Let me know :)

Thanks that worked, any idea what the CSS would be :)

I'd have to see the live section to offer profer CSS.

By the way, can you open the support topic related to GB in its own support forum next time?

Free: https://wordpress.org/support/plugin/generateblocks/
Pro: https://generateblocks.com/support/

Thanks for your cooperation :)

no worries, will do

you can see it @ https://enhanced-flooring.co.uk/

Is it this section?
https://www.screencast.com/t/RmKXJNsbHfq

Looks like it's not updated on front end yet, could you make sure cache is cleared?

Let me know :)

That should be ok now. Cache is great unless you want a updated version ha

I thought you want something like this site:https://jw-g.co.uk/
https://www.screencast.com/t/evF9WPLFX136

I can only offer CSS if the layout is set as in the screenshot above.

Update: I've seen the cache is cleared, I'll offer CSS in my next reply :)

Is it that different, I have 4 in a row this has 3 ? I might be missing something ,☹️

Try this CSS:

.gb-grid-wrapper.gb-grid-wrapper-29888b2b > .gb-grid-column > .gb-container:hover .gb-headline {
    padding-bottom: 30px;
    transition: all 0.2s ease;
}

Thank you so much, you have saved me going over to the dark side with elementor 😁

Haha no problem :)

Glad to help!